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

今天的内容,之所以归在选择器里,是由于他的写法,还是选择器的形式
不过 他的意义可以算是选择元素,也可以和以后要讲的筛选方法归为一类
在 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 写法为

  1. $("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 就是小于
:animatedanimate 的过去式,是有生气的,活生生的意思,联想成动画,没啥问题
好了今天就 白话这么多吧,也该工作了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章