首页 > 代码库 > jQuery操作属性

jQuery操作属性

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

jQuery操作属性