jQuery - 获得内容和属性

Posted 2021-01-01 miny_simp

1、获得内容：text()、html()、val()

三个简单实用的用于 DOM 操作的 jQuery 方法：

• text() - 设置或返回所选元素的文本内容
• html() - 设置或返回所选元素的内容（包括 HTML 标记）
• val() - 设置或返回表单字段的值

2、获得属性：atrr()

jQuery attr() 方法用于获取属性值。

1) 获取 <a> 的 href 

$("a").attr("href")

 2) 获取自定义属性

  <p zhen="true" >总数</p>

$("p").attr("zhen")

 【注】以上是返回被选元素的值，还有设置属性和值。

   1）设置被选元素的属性和值。

   语法：  $(selector).attr(attribute,value)

   用法：  $("img").attr("width","180");  //获取图像的宽度

   2）使用函数，设置被选元素的属性/值

   语法： $(selector).attr(attribute,function(index,oldvalue))

   用法： $("img").attr("width",function(n,v){

                   return v-50;

               });     //减少图像的宽度 50 像素

    3）为被选元素设置一个以上的属性和值。

   语法：  $(selector).attr({attribute:value, attribute:value ...})

   用法：  $("img").attr({width:"50",height:"80"});  //设置图像的宽和高