国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Prototype使用指南之selector.js

2019-11-21 02:21:01
字體:
來源:轉載
供稿:網友

Selector是利用css selector來匹配選擇頁面元素的,所以要理解Selector首先應該對css selector有所理解,下面是css2 selector的語法,當然很多瀏覽器只是支持其中的一部分,Prototype 中的Selector主要支持tag選擇器、class選擇器和id選擇器,還有屬性(attribute)選擇器,基本上包含我們平時所用的所有類型

The following table summarizes CSS2 selector syntax, 詳細的可以看http://www.w3.org/TR/REC-CSS2/selector.html:

PatternMeaningDescribed in section
*Matches any element.Universal selector
EMatches any E element (i.e., an element of type E).Type selectors
E FMatches any F element that is a descendant of an E element.Descendant selectors
E > FMatches any F element that is a child of an element E.Child selectors
E:first-childMatches element E when E is the first child of its parent.The :first-child pseudo-class
E:link E:visitedMatches 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:focusMatches 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 + FMatches 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.warningHTML only. The same as DIV[class~=”warning”].Class selectors
E#myidMatches 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有這么多方法,但是大部分都是內部調用的,我們一般都很少使用,因為我們有個一個方便的方法$$,對于絕大部分情況已經足夠了
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 曲麻莱县| 华蓥市| 临湘市| 穆棱市| 蕉岭县| 封丘县| 崇仁县| 汉中市| 峨眉山市| 汉阴县| 瑞丽市| 达孜县| 油尖旺区| 仁寿县| 新乡市| 永济市| 台北县| 滨州市| 高台县| 翁源县| 南城县| 钟山县| 塔河县| 郸城县| 晴隆县| 昌图县| 嵩明县| 周至县| 平邑县| 五台县| 白山市| 曲水县| 姚安县| 喀什市| 顺平县| 桐梓县| 涞源县| 余庆县| 沛县| 丹寨县| 宁夏|