jQuery过滤器
jQuery的过滤器必须用在jQuery选择器后,表示对通过前面的jQuery选择器选择到的内容的过滤。是建立在前面选择器已经选择到的元素的基础之上。 语法:selector:过滤器
1.基本过滤器:
selector:first 获取所有已选择到的元素中的第一个元素
selector:last 获取所有已选择到的元素中的最后一个元素
selector:even 获取所有已选择到的元素中的索引为偶数的元素
selector:odd 获取所有已选择到的元素中的索引为奇数的元素
selector:eq(index) 获取所有已选择到的元素中的索引为index的元素
selector:lt(num) 获取所有已选择到的元素中的索引值小于num的元素
selector:gt(num) 获取所有已选择到的元素中的索引值大于num的元素
selector1:not(selector2) 获取所有已选择到的元素中的除了selector2的元素
selector:header 获取所有已选择到的元素中的标题元素(h1~h6)
2.内容过滤器:
selector:contains(text)
获取所有已选择到的元素中文本包含text的元素
selector:empty
获取所有已选择到的元素中的空元素(没有子节点)
selector:parent
获取所有已选择到的元素中的非空元素(有子节点),如$("div:parent");
selector1:has(selector2)
获取所有已选择到的元素中包含selector2的元素,如$("div:has('span')");
3.可见性过滤器:
隐藏类型分两种:
1)不占据屏幕空间
display:none;
<input type="hidden">
2)占据屏幕空间
visibility:hidden;
opacity:0;//透明度为0
使用:
:visible 选择所有占据屏幕空间的元素
:hidden 选择所有不占据屏幕空间的元素