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级父标签;