标签:
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