码迷,mamicode.com
首页 > 其他好文 > 详细

选择器

时间:2015-06-09 06:09:34      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:

1、所有的元素  jQuery( "*" )

2、通过类名来选择 jQuery( ".class" )  class: 一个用来查找的类名。一个元素可以有多个类;其中只有一个必须匹配。

3、ID选择器 jQuery( "#id" )

每个id值在一个文件中只能使用一次。如果多个元素分配了相同的ID,将只匹配该ID选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的文件使用相同的ID是无效的。如果ID包含点号或冒号字符字符,你必须将 这些字符反斜杠转义. $("#myID\\.entry\\[1\\]")

4、多个选择器 jQuery( "selector1, selector2, selectorN" ) selector1: 任何有效的选择selector2: 其他有效的选择selectorN: 更多有效的选择只要你喜欢。

您可以指定任何数量的选择器组合成一个单一的结果。这个多个表达组合是一种有效的方法来选择不同的元素。因为他们将按在文件的顺序,DOM元素的顺序在返回的jQuery对象中可能不相同。

5、筛选第一级子元素 选择所有指定“parent”元素中指定的"child"的直接子元素。jQuery( "parent > child" )parent: 任何有效的选择器。child: 用来筛选子元素的选择器。

这个子元素组合器(E > F)和(E F)都作为后代组合,但是他们有所不同,更具体的是(E > F)它只会选择第一级的后代。

6、筛选所有子元素jQuery( "ancestor descendant" )ancestor: 任何有效的选择器。descendant: 一个用来筛选后代元素的选择器。一个元素的后代可能是该元素的一个孩子,孙子,曾孙等。

7、 跟在prev元素后的第一个next元素jQuery( "prev + next" )prev: 任何有效的选择器。next: 用于筛选紧跟在 "prev" 后面的元素的选择器。

其中重要的一点既要考虑下一个相邻兄弟选择器( prev + next )和一般兄弟选择器( prev ~ siblings )所选择到的元素,必须在同一个父元素下。

8 跟在prev后的所有同级siblings元素匹配 “prev” 元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器。添加的版本: jQuery( "prev ~ siblings" )prev: 任何有效的选择器siblings: 一个选择器来过滤第一选择器以后的兄弟元素。(prev + next) 和 (prev ~ siblings)之间最值得注意的不同点是他们各自的可及之范围。前者只达到紧随的同级元素,后者扩展了该达到跟随其的所有同级元素。

9、选择所有正在执行动画效果的元素.jQuery( ":animated" )注意:  如果您使用一个自定义的jQuery绑定一个没有效果模块:animated选择器会抛出一个错误。Additional Notes:(其他注意事项:)因为:animated 是一个 jQuery 延伸出来的选择器,并不是的CSS规范的一部分,使用:animated 查询不能充分利用原生DOM提供的querySelectorAll() 方法来提高性能。为了当使用:animated 的时候在现代浏览器上获得更佳的性能,首先使用纯CSS选择器选择元素,然后使用.filter(":animated").     

10、在匹配的集合中选择索引值为index的元素。Query( ":eq(index)" )index: 要匹配元素的索引值(从0开始计数)添加的版本: jQuery( ":eq(-index)" )indexFromEnd: 要匹配元素的索引值(从0开始计数), 从最后一个元素开始倒计数。(愚人码头注:-1匹配倒数第一个元素) :eq() 只会选择一个元素,而 :nth-child() 或 :eq() 会像 .each() 一样,有类似循环的构造,从而选择多个元素。

选择器

标签:

原文地址:http://www.cnblogs.com/selfimprove/p/4562378.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!