《JQuery 能干点啥~》第9讲 其他选择器

本帖最后由 橙子 于 2012-7-12 13:43 编辑

今天的内容，之所以归在选择器里，是由于他的写法，还是选择器的形式
不过 他的意义可以算是选择元素，也可以和以后要讲的筛选方法归为一类
在 JQ 中 又很多 选择器的筛选语法，适合JQ的筛选方法  意义是一样的，只不过写法不同而已
以后大家可以多试试，就知道了
------------------------------开讲了------------------------------
今天先讲几个 简单的过滤器吧! 
根据使用程度，应该为第一个[:first]，最后一个[:last]，第N个[:eq(N)]，大于第N个[:gt(N)]，小于第N个[:lt(N)]，奇数个[:odd]，偶数个[:even]；JQ 还提供了一些特殊的过滤属性，他们分别为标题[:header]，不为[:not]，执行动画[:animated]
看着挺多，其实不太难
如果有点英语基础 就更好理解了！
先说 第一个 (:first)
英文单词 就是 first 这个没啥解释的 肯定能看懂~
可能有人会问 这个东西应该放在哪里，我的回答就是爱放哪，放哪！
可能有的童鞋 没有理解上去，那我就白话的解释下，一下要说的 几种过滤器也是同样的，就不重复着说了：

还是以例子开道吧，现在有一个 table，我想得到第一个行，第4个td元素，从而获得td间的内容

他的JQ 写法为 

?

双击复制代码

$("table tr:first td:eq(3)").text()

其实这个是非常好理解的，从题目中，可以轻易的看出，这个选择的过程需要两次过滤
一次为选择第一个(:first)tr 一个是选择第4个(:eq(3),eq方法是从0开始计数的) td
从上面的例子可以看出，过滤器这种属性式的写法，没有固定的位置，只要你需要筛选、过滤，就可以在他的选择器后加上他们~！！

差点把几个特殊的忘了，:header 所匹配的是 h1，h2，h3等 标题标签，
:not 是 不为的意思，他有一个参数，这个比较好理解，就是你不喜欢什么，不想要什么，就把他们放到 参数的位置，如果有多个不想要的，中间用 逗号连接就可以了！
有人会问，那都可以传什么，我只能说 到现在为止，你学到的都可以放进去，什么选择器，什么过滤属性，都没问题~
最后要说的是那个:animated ，这个由于咱们还没有结束过 JQ的动画，所以，理解起来可能有点吃力，带也不用担心，只要记住，页面中你匹配的对象里，有东西在动来动去，匹配到的就是他们了


至此 这个过滤的就讲完了，一会 帖子的结束 我会传上实例代码，大家可以看看，里面有一一的对应例子，
还有一点需要说明的是，我的例子都是些最基础的，大家自己需要多写一些，动动手，如果 发现有错误，希望能及时和我联系

现在解释一下，为啥说英语好点的学起来更简单,简单的什么first的一看就是一个单词的 我就不说了，自己查字典去吧

首先说下 :eq(N)  英文单词为 equal ，你要认为是equals 也可以，没差别 意思就是 等于
:gt(N)  是个词组， greater than 就是大于
:lt(N)   也是个词组 less than  就是小于
:animated 是animate 的过去式，是有生气的，活生生的意思，联想成动画，没啥问题
好了今天就 白话这么多吧，也该工作了

 

本人原文出自 《JQuery 能干点啥~》第9讲 其他选择器

http://bbs.coderli.com/forum.php?mod=viewthread&tid=436&fromuid=7