cssQuery()的下载与使用方法

时间:2021-05-26

Introduction
cssQuery()isapowerfulcross-browserJavaScriptfunctionthatenablesqueryingofaDOMdocumentusingCSSselectors.AllCSS1andCSS2selectorsareallowedplusquiteafewCSS3selectors.

Usage
Syntax
elements=cssQuery(selector[,from]);whereselector(required)isavalidCSSselectorandfrom(optional)isadocument,elementorarrayofelementswhichisfilteredbyselector.

ThefunctionreturnsaJavaScriptarrayofelements.Ifthereisnomatch,anemptyarrayisreturned.

Someexamples:

//findallparagraphsthataredirectdescendants//ofthedocumentbodyvartags=cssQuery("body>p");//findallelementswiththe"href"attributevartags=cssQuery("[href]");//findallanchorelementswith"href"equalto"#"vartags=cssQuery("a[href='#']");//findallimagescontainedbytheaboveanchorsvarimages=cssQuery("img",tags);//findalllistsvartags=cssQuery("dl,ol,ul");//queryanexternalxmldocumentvartags=cssQuery("my|:root>my|link",myXMLDoc);//justplaincomplicatedvarcomplex="p>a:first-child+input[type=text]~span";vartags=cssQuery(complex);AllowedSelectors
*
E
EF
E>F
E+F
E~F
E.warning
E#myid
E:link
E:first-child
E:last-child
E:nth-child(n)
E:nth-last-child(n)
E:only-child
E:root
E:lang(fr)
E:target
E:enabled
E:disabled
E:checked
E:contains("foo")
E:not(s)
E[foo]
E[foo="bar"]
E[foo~="bar"]
E[foo^="bar"]
E[foo$="bar"]
E[foo*="bar"]
E[foo|="bar"]
Compatibility
Knowntoworkonthefollowingplatforms:

MicrosoftInternetExplorer5+(Windows)
MicrosoftInternetExplorer5.2(Mac)
Firefox/Mozilla1.6+
Opera7+
Netscape6+
Safari1.2

Source Code

  • cssQuery.js
  • cssQuery-level2.js
  • cssQuery-level3.js
  • cssQuery-standard.js

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章