jQuery的Sizzle选择器

:gt、:lt

jQuery有一些基本筛选的选择器,其中:gt、:lt可能用的相对比较少,知道的人可能也不多,所以做下分享。

:gt()呢 就是索引大于某个值的元素。比如

1
2
3
4
<div></div>
<div></div>
<div></div>
<div></div>

1
$('div:gt(1)')                  //选择索引大于1的div元素,那么就会选择到第二、三个div

同理 :lt() 就是索引小于某个值的元素。比如

1
2
3
4
<div></div>
<div></div>
<div></div>
<div></div>
1
$('div:lt(3)')                  //选择索引大于1的div元素,那么就会选择到第一、二、三个div

内容筛选

1、:contains()
2、:empty
3、:parent

:contains()是筛选文本内容,

1
$('div:contains(span)');                 //div包含span文本

:empty空元素

1
$('div:empty');
1
2
<div id="div1">div1111<span>span11</span></div>
<div></div> <!--empty选择到的元素-->

:parent:empty相反,会选择到有内容的元素