码迷,mamicode.com
首页 > Web开发 > 详细

jQuery操作属性

时间:2016-09-25 22:21:37      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

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操作属性

标签:

原文地址:http://www.cnblogs.com/lsy0403/p/5907107.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!