|
|
The following table summarizes CSS2 selector syntax, 詳細的可以看http://www.w3.org/TR/REC-CSS2/selector.html:
| Pattern | Meaning | Described in section |
|---|---|---|
| * | Matches any element. | Universal selector |
| E | Matches any E element (i.e., an element of type E). | Type selectors |
| E F | Matches any F element that is a descendant of an E element. | Descendant selectors |
| E > F | Matches any F element that is a child of an element E. | Child selectors |
| E:first-child | Matches element E when E is the first child of its parent. | The :first-child pseudo-class |
| E:link E:visited | Matches element E if E is the source anchor of a hyperlink of which the target is not yet visited (:link) or already visited (:visited). | The link pseudo-classes |
| E:active E:hover E:focus | Matches E during certain user actions. | The dynamic pseudo-classes |
| E:lang(c) | Matches element of type E if it is in (human) language c (the document language specifies how language is determined). | The :lang() pseudo-class |
| E + F | Matches any F element immediately preceded by an element E. | Adjacent selectors |
| E[foo] | Matches any E element with the “foo” attribute set (whatever the value). | Attribute selectors |
| E[foo=”warning”] | Matches any E element whose “foo” attribute value is exactly equal to “warning”. | Attribute selectors |
| E[foo~=”warning”] | Matches any E element whose “foo” attribute value is a list of space-separated values, one of which is exactly equal to “warning”. | Attribute selectors |
| E[lang|=”en”] | Matches any E element whose “lang” attribute has a hyphen-separated list of values beginning (from the left) with “en”. | Attribute selectors |
| DIV.warning | HTML only. The same as DIV[class~=”warning”]. | Class selectors |
| E#myid | Matches any E element ID equal to “myid”. | ID selectors |
Selector中包含Selector對象和類，
Selector對象具有下面兩個方法：
match(element)：元素是否與本selector匹配，在Element中已經介紹了
findElements(parentNode)：parentNode中所有匹配本selector的子孫元素列表
使用方法也很簡單 var s=new Selector(expression); s.match(element); s.findElements($(element))，其中expression可以是如下方式 "div"、"#id"、".class"、"div#id"、"div[attribute]"、"div[attribute=fff]"、"div[attribute!=sdf]"
其中Selector也有幾個靜態方法，它們分別是：
matchElements(elements, expression)：返回elements中符合expression的元素列表
findElement(elements, expression, index)：返回elements中符合expression的元素列表中索引為index的元素
findChildElements(element, expressions)：找出element的子孫元素中符合expressions的元素列表，其中expressions是一個expression數組，其中的expression支持"div li.#id"形式
$$方法：只是簡單的調用return Selector.findChildElements(document, $A(arguments))
雖然Selector有這么多方法，但是大部分都是內部調用的，我們一般都很少使用，因為我們有個一個方便的方法$$，對于絕大部分情況已經足夠了JavaScript技術：Prototype使用指南之selector.js說明，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
