本文详细介绍了jQuery中的选择器表达式，包括基本选择器、层级选择器、过滤选择器等，并解释了它们如何结合CSS和XPath的特点来定位网页元素。
该篇文章是我于2009年6月10日通过自己编写的工具，批量从位于在博客园的博客站点(http://chenxizhang.cnblogs.com)同步而来。文章中的图片地址仍然是链接到博客园的。特此说明！ 陈希章原文地址：http://www.cnblogs.com/chenxizhang/archive/2009/06/05/1496863.html原文标题：jquery中的选择器表达式 【转载】 原文发表：2009/6/5 4:25:00 |
官方的文档：http://docs.jquery.com/Selectors。真是神奇。它的语法是结合了CSS和XPATH的特点的
API/1.3/Selectors
(Redirected from Selectors)
Basics:
Matches a single element with the given id attribute.
element
Returns: Array<Element(s)>Matches all elements with the given name.
.class
Returns: Array<Element(s)>Matches all elements with the given class.
.class.class
Returns: Array<Element(s)>Matches all elements with the given classes.
Matches all elements.
selector1, selector2, selectorN
Returns: Array<Element(s)>Matches the combined results of all the specified selectors.
Hierarchy:
ancestor descendant
Returns: Array<Element(s)>Matches all descendant elements specified by "descendant" of elements specified by "ancestor".
parent > child
Returns: Array<Element(s)>Matches all child elements specified by "child" of elements specified by "parent".
prev + next
Returns: Array<Element(s)>Matches all next elements specified by "next" that are next to elements specified by "prev".
prev ~ siblings
Returns: Array<Element(s)>Matches all sibling elements after the "prev" element that match the filtering "siblings" selector.
Basic Filters:
Matches the first selected element.
Matches the last selected element.
:not(selector)
Returns: Array<Element(s)>Filters out all elements matching the given selector.
:even
Returns: Array<Element(s)>Matches even elements, zero-indexed.
:odd
Returns: Array<Element(s)>Matches odd elements, zero-indexed.
:eq(index)
Returns: Array<Element>Matches a single element by its index.
:gt(index)
Returns: Array<Element(s)>Matches all elements with an index above the given one.
:lt(index)
Returns: Array<Element(s)>Matches all elements with an index below the given one.
:header
Returns: Array<Element(s)>Matches all elements that are headers, like h1, h2, h3 and so on.
:animated
Returns: Array<Element(s)>Matches all elements that are currently being animated.
Content Filters:
:contains(text)
Returns: Array<Element(s)>Matches elements which contain the given text.
:empty
Returns: Array<Element(s)>Matches all elements that have no children (including text nodes).
:has(selector)
Returns: Array<Element(s)>Matches elements which contain at least one element that matches the specified selector.
:parent
Returns: Array<Element(s)>Matches all elements that are parents - they have child elements, including text.
Visibility Filters:
:hidden
Returns: Array<Element(s)>Matches all elements that are hidden.
:visible
Returns: Array<Element(s)>Matches all elements that are visible.
Attribute Filters:Note: In jQuery 1.3 [@attr] style selectors were removed (they were previously deprecated in jQuery 1.2). Simply remove the '@' symbol from your selectors in order to make them work again.
[attribute]
Returns: Array<Element(s)>Matches elements that have the specified attribute. Note the "@" before the attribute name was deprecated as of version 1.2.
[attribute=value]
Returns: Array<Element(s)>Matches elements that have the specified attribute with a certain value.
[attribute!=value]
Returns: Array<Element(s)>Matches elements that either don't have the specified attribute or do have the specified attribute but not with a certain value.
[attribute^=value]
Returns: Array<Element(s)>Matches elements that have the specified attribute and it starts with a certain value.
[attribute$=value]
Returns: Array<Element(s)>Matches elements that have the specified attribute and it ends with a certain value.
[attribute*=value]
Returns: Array<Element(s)>Matches elements that have the specified attribute and it contains a certain value.
[attributeFilter1][attributeFilter2][attributeFilterN]
Returns: Array<Element(s)>Matches elements that match all of the specified attribute filters.
Child Filters:
:nth-child(index/even/odd/equation)
Returns: Array<Element(s)>Matches all elements that are the nth-child of their parent or that are the parent's even or odd children.
:first-child
Returns: Array<Element(s)>Matches all elements that are the first child of their parent.
:last-child
Returns: Array<Element(s)>Matches all elements that are the last child of their parent.
:only-child
Returns: Array<Element(s)>Matches all elements that are the only child of their parent.
Forms:
:input
Returns: Array<Element(s)>Matches all input, textarea, select and button elements.
:text
Returns: Array<Element(s)>Matches all input elements of type text.
:password
Returns: Array<Element(s)>Matches all input elements of type password.
:radio
Returns: Array<Element(s)>Matches all input elements of type radio.
:checkbox
Returns: Array<Element(s)>Matches all input elements of type checkbox.
:submit
Returns: Array<Element(s)>Matches all input elements of type submit.
:image
Returns: Array<Element(s)>Matches all input elements of type image.
:reset
Returns: Array<Element(s)>Matches all input elements of type reset.
:button
Returns: Array<Element(s)>Matches all button elements and input elements of type button.
:file
Returns: Array<Element(s)>Matches all input elements of type file.
Matches all elements that are hidden.
Form Filters:
:enabled
Returns: Array<Element(s)>Matches all elements that are enabled.
:disabled
Returns: Array<Element(s)>Matches all elements that are disabled.
:checked
Returns: Array<Element(s)>Matches all elements that are checked.
:selected
Returns: Array<Element(s)>Matches all elements that are selected.
[edit]
Special characters in selectors
If you wish to use any of the meta-characters described above as a literal part of a name, you must escape the character with two backslashes (//).
For example:
#foo//:bar #foo//[bar//] #foo//.barThe full list of characters that need to be escaped:
#;&,.+*~':"!^$[]()=>|/
| 作者：陈希章 出处：http://blog.youkuaiyun.com/chen_xizhang 本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。 |
扫一扫
23
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
