您的位置:首页 > Web前端 > JQuery

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

2012-07-12 21:49 176 查看
今天的内容,之所以归在选择器里,是由于他的写法,还是选择器的形式

不过 他的意义可以算是选择元素,也可以和以后要讲的筛选方法归为一类

在 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 就是小于

:animatedanimate 的过去式,是有生气的,活生生的意思,联想成动画,没啥问题

好了今天就 白话这么多吧,也该工作了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: