jQuery操作属性

Posted 2020-08-10 萧诺

1.设置单个属性

//第一个参数：需要设置的属性名
//第二个参数：对应的属性值
attr(name, value);
//用法举例
$("img").attr("title","哎哟，不错哦");
$("img").attr("alt","哎哟，不错哦");

2.设置多个属性

//参数是一个对象，包含了需要设置的属性名和属性值
attr(obj)
//用法举例
$("img").attr({
    title:"哎哟，不错哦",
    alt:"哎哟，不错哦",
    style:"opacity:.5"
});

3.获取属性

//传需要获取的属性名称，返回对应的属性值
attr(name)
//用法举例
var oTitle = $("img").attr("title");
alert(oTitle);

注意：

• 获取属性时，只会获取到第一个元素对应的属性，与css方法一样
• 获取属性时，如果该属性不存在，那么会返回undefined

【案例：美女相册】

4.移除属性

//参数：需要移除的属性名，如果传空，那么不会有任何操作，注意，并不是移除所有的属性。区分removeClass。
removeAttr(name);
//用法举例
$("img").removeAttr("title");

prop方法

注意：

在jQuery1.6之后，对于checked、selected、disable这类boolean类型的属性来说，如果使用attr方法获取属性值，得到的不是true和false，而是checked以及undefined，使用prop方法来获取或者设置checked、selected、disable这类的值。prop方法使用跟attr方法一样。

//设置属性
$(":checked”).prop("checked",true);
//获取属性
$(":checked").prop("checked");//返回true或者false