元素的筛选

6 元素的筛选:这里都变成了方法 筛选器指的是在已经通过选择器选中了元素后,在此基础上进一步选择。
eq() 获取给定索引的元素 功能跟 :eq() 一样
first() 获取第一个元素 功能跟 :first 一样
last() 获取最后一个元素 功能跟 :last 一样
filter(exp) 留下匹配的元素
is(exp) 判断是否匹配给定的选择器,只要有一个匹配就返回,true //可以给对象 过滤器 字符串 标签名啥的
has(exp) 返回包含有匹配选择器的元素的元素 功能跟 :has 一样 //同上
not(exp) 删除匹配选择器的元素 功能跟 :not 一样
children(exp) 返回匹配给定选择器的子元素 功能跟 parent>child 一样 //可以给对象 过滤器 字符串 标签名啥的
find(exp) 返回匹配给定选择器的后代元素 功能跟 ancestor descendant 一样 //可以给对象 过滤器 字符串 标签名啥的
next() 返回当前元素的下一个兄弟元素 功能跟 prev + next 功能一样 //是开区间
nextAll() 返回当前元素后面所有的兄弟元素 功能跟 prev ~ siblings 功能一样
nextUntil() 返回当前元素到指定匹配的元素为止的后面元素 //是开区间
parent() 返回父元素
prev(exp) 返回当前元素的上一个兄弟元素//是开区间
prevAll() 返回当前元素前面所有的兄弟元素
prevUnit(exp) 返回当前元素到指定匹配的元素为止的前面元素 //是开区间
siblings(exp) 返回所有兄弟元素 就是如div前面 和后面的元素都算上 也 可以用它来过滤
add() 把 add 匹配的选择器的元素添加到当前 jquery 对象中
alert( $("button").add("span").length);
<button id="01">点一下1 </button>
<span> </span>
<button id="02">点一下3 </button>
<button id="03">点一下4 </button>
<button id="04">点一下5 </button>
此时输出的是5 不加add就是4 (就是把span对象加到jq数组里)
函数里也可以放之前的过滤器 就是将得到的jq当作对象然后调用这些函数 不用在框里搞了
使用方法示例:
$("button").last().each(function () {
alert(this.innerHTML);
});

posted @ 2020-04-09 14:36  why666  阅读(229)  评论(0)    收藏  举报