首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQuery选择器小结(2) 基础过滤选择器

2012-10-08 
JQuery选择器总结(2) 基础过滤选择器上一次总结了JQuery的一些基础选择器(http://redstarofsleep.iteye.co

JQuery选择器总结(2) 基础过滤选择器

上一次总结了JQuery的一些基础选择器(http://redstarofsleep.iteye.com/blog/930579).

这次继续接下去:

?

3. 筛选,过滤选择器

(1) :first 这个选择器用来选择符合要求的第一个元素

// 选取第一个DIV$('div:first')<div>被选中</div><div>没被选中</div><div>没被选中</div>

(2) :last 这个跟上面那个相对,选取的是符合要求的最后一个元素

// 选取最后一个DIV$('div:last');<div>没被选中</div><div>没被选中</div><div>被选中</div>

(3) :not(select) 这个选择器是用来选择不符合要求的元素的

// 选择Class不是"test"的元素$('div:not(.test)');<div name="code">// 选取偶数的DIV$('div:even');<div>被选中</div><div>没被选中</div><div>被选中</div><div>没被选中</div><div>被选中</div>

(5) :odd 与上面的对应,选取索引是奇数的元素(这个就不举例子了)

(6) :eq(index) 这个选择器选择第index个元素

// 选择第3个DIV$('div:eq(3)');<div>没被选中</div><div>没被选中</div><div>没被选中</div><div>被选中</div><div>没被选中</div>

(7) :gt(index) 选取索引比index大的元素

$('div:gt(2)');<div>没被选中</div><div>没被选中</div><div>没被选中</div><div>被选中</div><div>被选中</div>

(8) :lt(index) 与上面的相反,选取索引比index小的元素

$('div:lt(2)');<div>被选中</div><div>被选中</div><div>被选中</div><div>没被选中</div><div>没被选中</div>
? 1 楼 Rainbow702 2011-09-05   教【和谐】主
引用
$(document).ready(function(){
  。。。。。。。。
});

这个对 document 的选择算什么选择器啊?
是不是跟
引用$('document')
是一样的啊? 2 楼 redstarofsleep 2011-09-08   $(document).ready(function(){这个就是window.onload
但是比window.onload要早一些

热点排行