时间:2021-05-26
下面是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 selectorEMatches any E element (i.e., an element of type E).Type selectorsE FMatches any F element that is a descendant of an E element.Descendant selectorsE > FMatches any F element that is a child of an element E.Child selectorsE:first-childMatches element E when E is the first child of its parent.The :first-child pseudo-classE: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-classesE:active E:hover E:focusMatches E during certain user actions.The dynamic pseudo-classesE: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-classE + FMatches any F element immediately preceded by an element E.Adjacent selectorsE[foo]Matches any E element with the “foo” attribute set (whatever the value).Attribute selectorsE[foo=”warning”]Matches any E element whose “foo” attribute value is exactly equal to “warning”.Attribute selectorsE[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 selectorsE[lang|=”en”]Matches any E element whose “lang” attribute has a hyphen-separated list of values beginning (from the left) with “en”.Attribute selectorsDIV.warningHTML only. The same as DIV[class~=”warning”].Class selectorsE#myidMatches any E element ID equal to “myid”.ID selectorsSelector中包含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有这么多方法,但是大部分都是内部调用的,我们一般都很少使用,因为我们有个一个方便的方法$$,对于绝大部分情况已经足够了声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
javascript中setTimeout使用指南/*//方法1functionslows(){alert("15S后弹出!");}setTimeout("sl
这里我们使用dnsmasq对应的docker版本docker-dnsmasq。使用指南下载镜像dockerpulldocker-dnsmasq创建最简单的配置/
Docker-clientforpython使用指南:客户端初始化的三种方法importdockerdocker.api()docker.APIClient()
写好review,需要注意以下几点:测评对产品的包装、规格、结构整体性描述产品与众不同的亮点产品的缺点产品使用指南(来源:深圳拓扑)
本经验教你怎样使用CAD插件自动画杆路插件使用指南。 1、下载解压Autolisp插件至电脑D盘根目录下即可。 2、打开AotoCAD,如下图: 3、