jquery 属性操作 attr () val() html()

Posted 小热包1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 属性操作 attr () val() html()相关的知识,希望对你有一定的参考价值。


 

1:attr() 设置 或者是返回属性值


    alert("Image width " + $("img").attr("width")); 返回元素的属性值

 

  $("img").attr("width","180");  设置元素的属性值

$("img").attr({width:"50",height:"80"});设置多个属性值

$("p").removeAttr("style"); 删除 p标签的的style属性
<p style="font-size:120%;color:red">这是一个段落。</p>

 

 

 

 2:html():设置或返回元素的HTML值

 

 

 $("p").html("Hello <b>world</b>!"); 设置P元素的内容

alert($("p").html()); 返回p标签的元素内容

 

 

3:val()  一般用于input元素的值的设置

 

$(":text").val("Hello World"); 设置文本域的值

alert($("input:text").val()); 返回文本域的值

 

 

 

 

 

以上是关于jquery 属性操作 attr () val() html()的主要内容,如果未能解决你的问题,请参考以下文章

jquery13 attr() prop() val() addClass()等 : 对元素属性的操作

jquery属性操作之html,text,val方法

JQuery 选择器

jQuery的一些操作

jquery基本Dom操作

JQuery选择器