Day8-JQuery的使用(4)[筛选篇]

Day8-JQuery的使用(4)[筛选篇]

---

---

eq(index)

获取第N个元素
和选择器篇写的一样。只不过这里是.eq(index);而选择器是:eq(index)，一个是点一个是冒号。

---

first()

获取第一个元素

---

last()

获取最后个元素

---

hasClass(class)

判断是否存在class

$("div").hasClass("a");

判断div标签是否存在class=“a”，返回布尔值。

---

is()

判断是否存在元素

$("div").hasClass("input");

判断div标签中是否包含input标签。

$("div").is("."+a);

判断div中是否存在class=“a”。
总结：is的功能更为强大，可以做绝大多数判断。

---

not()

删除与指定表达式匹配的元素

<div>Hello</div>
<div id="a">Hello A</div>

$("div").not($("#a"))

结果：
只剩下<div>Hello</div>

---

children()

获取标签的子标签

<div><span>Hello Again</span></div>

$("div").children().html();

获取结果：Hello Again

---

parent()

获取标签的父标签

<div><span>Hello Again</span></div>

$("span").parent();

就是获取span的父标签，即div标签

---

next()

获取每一个匹配标签的后面紧跟的同辈元素

<p></p>
<div>123</div>
<div>456</div>
<p></p>
<div>789</div>

$("p").next().each(function() {
      alert($(this).html());
});

结果：

遍历结果后，取得123和789.
就是每个p标签后面紧跟的标签

---

nextAll()

获取匹配标签后面所有的同辈元素

<p></p>
<div>123</div>
<div>456</div>

$("p").nextAll().each(function() {
      alert($(this).html());
});

结果

取得：123，456

---

prev()和prevAll()

和next()和nextAll()相似，只不过prev是匹配标签前一个，而next是匹配标签后一个

---

parents()

和parent()的区别是：

parent()只获取前一级父标签；
perents()可获取前n级父标签；

---