cssQuery()的下载与使用方法


Posted in Javascript onJanuary 12, 2007

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
Javascript 相关文章推荐
jQuery中prevAll()方法用法实例
Jan 08 Javascript
在Node.js应用中读写Redis数据库的简单方法
Jun 30 Javascript
javascript 闭包详解
Jul 02 Javascript
Sea.JS知识总结
May 05 Javascript
webpack实现热加载自动刷新的方法
Jul 30 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
基于Vue单文件组件详解
Sep 15 Javascript
Vue+Vux项目实践完整代码
Nov 30 Javascript
web前端vue之vuex单独一文件使用方式实例详解
Jan 11 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
May 16 Javascript
vue-cli 项目打包完成后运行文件路径报错问题
Jul 19 Javascript
html5调用摄像头截图功能
Jan 18 Javascript
JavaScript基本对象
Jan 11 #Javascript
window.showModalDialog使用手册
Jan 11 #Javascript
新手入门常用代码集锦
Jan 11 #Javascript
javascript引用对象的方法
Jan 11 #Javascript
一份老外写的XMLHttpRequest代码多浏览器支持兼容性
Jan 11 #Javascript
javascript基础的动画教程,直观易懂
Jan 10 #Javascript
JS宝典学习笔记(下)
Jan 10 #Javascript
You might like
zend framework配置操作数据库实例分析
2012/12/06 PHP
php使用socket post数据到其它web服务器的方法
2015/06/02 PHP
YII Framework框架教程之安全方案详解
2016/03/14 PHP
PHP实现的进度条效果详解
2016/05/03 PHP
Yii2框架使用计划任务的方法
2016/05/25 PHP
php报错502badgateway解决方法
2019/10/11 PHP
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
2008/03/22 Javascript
js查找父节点的简单方法
2008/06/28 Javascript
Egret引擎开发指南之编译项目
2014/09/03 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
Bootstrap使用基础教程详解
2016/09/05 Javascript
Node.js中文件操作模块File System的详细介绍
2017/01/05 Javascript
jQuery源码分析之sizzle选择器详解
2017/02/13 Javascript
从零学习node.js之详解异步控制工具async(八)
2017/02/27 Javascript
footer定位页面底部(代码分享)
2017/03/07 Javascript
微信小程序promsie.all和promise顺序执行
2017/10/27 Javascript
axios拦截设置和错误处理方法
2018/03/05 Javascript
微信小程序开发之路由切换页面重定向问题
2018/09/18 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
2019/05/18 Javascript
webpack4之如何编写loader的方法步骤
2019/06/06 Javascript
JavaScript实现身份证验证代码实例
2019/08/26 Javascript
Python3.6基于正则实现的计算器示例【无优化简单注释版】
2018/06/14 Python
OPENCV去除小连通区域,去除孔洞的实例讲解
2018/06/21 Python
python判断数字是否是超级素数幂
2018/09/27 Python
pyQt5实时刷新界面的示例
2019/06/25 Python
python+logging+yaml实现日志分割
2019/07/22 Python
pip install python 快速安装模块的教程图解
2019/10/08 Python
python中必要的名词解释
2019/11/20 Python
利用HTML5+CSS3实现3D转换效果实例详解
2017/05/02 HTML / CSS
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
世界上最大的隐形眼镜商店:1-800 Contacts
2018/11/03 全球购物
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
JPA面试常见问题
2016/11/14 面试题
法人委托书范本
2014/04/04 职场文书
金融专业毕业生自荐信
2014/06/26 职场文书
使用numpy实现矩阵的翻转(flip)与旋转
2021/06/03 Python