当前位置: 首页 > Web开发 > JavaScript教程 >正文

下载与使用cssQuery()的方法

来源:互联网时间:2021-01-12 14:14:08编辑:网友分享
cssQuery()在JavaScript中是经常需要使用到的工具,那么你知道如何下载与使用cssQuery()吗?接下来的内容中我们就跟爱站小编一起去看看下载与使

cssQuery()在JavaScript中是经常需要使用到的工具,那么你知道如何下载与使用cssQuery()吗?接下来的内容中我们就跟爱站小编一起去看看下载与使用cssQuery()的方法。

Introduction
cssQuery() is a powerful cross-browser JavaScript function that enables querying of a DOM document using CSS selectors. All CSS1 and CSS2 selectors are allowed plus quite a few CSS3 selectors.

Usage
Syntax
elements = cssQuery(selector [, from]);where selector (required) is a valid CSS selector and from (optional) is a document, element or array of elements which is filtered by selector.

The function returns a JavaScript array of elements. If there is no match, an empty array is returned.

Some examples:

// find all paragraphs that are direct descendants// of the document bodyvar tags = cssQuery("body > p");// find all elements with the "href" attributevar tags = cssQuery("[href]");// find all anchor elements with "href" equal to "#"var tags = cssQuery("a[href='#']");// find all images contained by the above anchorsvar images = cssQuery("img", tags);// find all listsvar tags = cssQuery("dl,ol,ul");// query an external xml documentvar tags = cssQuery("my|:root>my|link", myXMLDoc);// just plain complicatedvar complex = "p>a:first-child+input[type=text]~span";var tags = cssQuery(complex);Allowed Selectors


E F 
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
Known to work on the following platforms:

Microsoft Internet Explorer 5+ (Windows) 
Microsoft Internet Explorer 5.2 (Mac) 
Firefox/Mozilla 1.6+ 
Opera 7+ 
Netscape 6+ 
Safari 1.2 

Source Code

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

文中小编介绍了下载与使用cssQuery()的方法,是不是效果还不错呢,只要我们开动脑筋,就可以实现很多效果哦!

上一篇: 如何用YUI实现标签浏览效果

下一篇:JavaScript的gzip静态压缩方法的

您可能感兴趣的文章

相关阅读