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 相关文章推荐
Javascript里使用Dom操作Xml
Jan 22 Javascript
flash javascript之间的通讯方法小结
Dec 20 Javascript
基于jquery的direction图片渐变动画效果
May 24 Javascript
在Windows上安装Node.js模块的方法
Sep 25 Javascript
JS和css实现检测移动设备方向的变化并判断横竖屏幕
May 25 Javascript
jquery实现全选、反选、获得所有选中的checkbox
Sep 13 Javascript
基于JavaScript的操作系统你听说过吗?
Jan 28 Javascript
JQuery点击行tr实现checkBox选中的简单实例
May 26 Javascript
Node.js连接postgreSQL并进行数据操作
Dec 18 Javascript
React服务端渲染(总结)
Jul 01 Javascript
基于Vue制作组织架构树组件
Dec 06 Javascript
javascript中的数据类型检测方法详解
Aug 07 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
PHP保存带BOM文件的方法
2015/02/12 PHP
php使用NumberFormatter格式化货币的方法
2015/03/21 PHP
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
PHP入门教程之面向对象基本概念实例分析
2016/09/11 PHP
微信接口生成带参数的二维码
2017/07/31 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
快速解决PHP调用Word组件DCOM权限的问题
2017/12/27 PHP
用javascript获取地址栏参数
2006/12/22 Javascript
js生成随机数之random函数随机示例
2013/12/20 Javascript
推荐10个2014年最佳的jQuery视频插件
2014/11/12 Javascript
基于javascript实现listbox左右移动
2016/01/29 Javascript
神奇!js+CSS+DIV实现文字颜色渐变效果
2016/03/16 Javascript
AngularJS入门教程之控制器详解
2016/07/27 Javascript
jQuery实现动态添加tr到table的方法
2016/12/26 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
Angular整合zTree的示例代码
2018/01/24 Javascript
Webpack devServer中的 proxy 实现跨域的解决
2018/06/15 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
2018/11/08 Javascript
微信小程序和百度的语音识别接口详解
2019/05/06 Javascript
TensorFlow 滑动平均的示例代码
2018/06/19 Python
python使用多进程的实例详解
2018/09/19 Python
Opencv+Python实现图像运动模糊和高斯模糊的示例
2019/04/11 Python
对Python强大的可变参数传递机制详解
2019/06/13 Python
Pytorch卷积层手动初始化权值的实例
2019/08/17 Python
开启Django博客的RSS功能的实现方法
2020/02/17 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
用python实现前向分词最大匹配算法的示例代码
2020/08/06 Python
Python实现区域填充的示例代码
2021/02/03 Python
欧舒丹比利时官网:L’OCCITANE比利时
2017/04/25 全球购物
大学生毕业的自我鉴定
2013/11/13 职场文书
演讲比赛获奖感言
2014/02/02 职场文书
大连导游词
2015/02/12 职场文书
2015年幼儿园国庆节活动总结
2015/07/30 职场文书
三八妇女节致辞
2015/07/31 职场文书
教师学习心得体会范文
2016/01/21 职场文书
Win11怎么解除儿童账号限制?Win11解除微软儿童账号限制方法
2022/07/07 数码科技