Day7-JQuery的使用(3)[属性篇]
1.attr()
设置或返回被选元素的属性值。
之前在Day6中也有提过attr的用法。
有参方法
$("img").attr({src:"../images/b.jpg"});
即修改img的src值。替换为…/images/b.jpg。
无参方法
$("img").attr("src");
即获取img的scr值。
2.prop()
设置或返回被选元素的属性值。
之前在Day6中也有提过attr的用法。
有参方法
$("img").prop({src:"../images/b.jpg"});
即修改img的src值。替换为…/images/b.jpg。
无参方法
$("img").prop("src");
即获取img的scr值。
attr()和prop()的区别:
attr()可以获取任意属性;而prop()只能获取原有属性;
怎么理解呢?
首先给img标签添加b属性;
<img b="1" src="#" />
使用alert($("img").attr("b"));
,则可以得到1.
使用alert($("img").prop("b"));
,则得到undefined.
3.removeAttr()
从每一个匹配的元素中删除一个属性
$("img").removeAttr("src");
即删除img的src属性;
4.addClass()
为每个匹配的元素添加指定的类名。
$("img").addClass("a");
即给img标签添加class=“a”;
5.removeClass()
为每个匹配的元素删除指定的类名。
$("img").removeClass("a");
即给img标签删除class=“a”;
6.toggleClass()
如果存在(不存在)就删除(添加)一个类。
$("img").toggleClass("a");
如果img标签存在class=“a”,则删除;
如果img标签没有class=“a”,则添加;