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

Posted 2020-07-06 小热包1

 

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()); 返回文本域的值