Day7-JQuery的使用(3)[属性篇]

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”，则添加;