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 相关文章推荐
js中substring和substr的详细介绍与用法
Aug 29 Javascript
在HTML中插入JavaScript代码的示例
Jun 03 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
Aug 10 Javascript
jQueryUI中的datepicker使用方法详解
May 25 Javascript
原生Javascript和jQuery做轮播图简单例子
Oct 11 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
Dec 06 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
Feb 18 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
Oct 24 Javascript
深入理解vuex2.0 之 modules
Nov 20 Javascript
原生js实现each方法实例代码详解
May 27 Javascript
javascript中的this作用域详解
Jul 15 Javascript
antd配置config-overrides.js文件的操作
Oct 31 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抓取页面与代码解析 推荐
2010/07/23 PHP
简单介绍PHP非阻塞模式
2016/03/03 PHP
php自定义函数转换html标签示例
2016/09/29 PHP
用js统计用户下载网页所需时间的脚本
2008/10/15 Javascript
30个最佳jQuery Lightbox效果插件分享
2011/04/11 Javascript
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
2013/05/08 Javascript
JQuery教学之性能优化
2014/05/14 Javascript
JavaScript页面模板库handlebars的简单用法
2015/03/02 Javascript
JS实现简单的二维矩阵乘积运算
2016/01/26 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
2016/06/14 Javascript
jquery 实现复选框的全选操作实例代码
2017/01/24 Javascript
JS html时钟制作代码分享
2017/03/03 Javascript
JS变量及其作用域
2017/03/29 Javascript
详解RequireJs官方使用教程
2017/10/31 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
2018/05/08 Javascript
create-react-app安装出错问题解决方法
2018/09/04 Javascript
js+css3实现简单时钟特效
2020/09/13 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
2020/10/13 Javascript
js实现淘宝浏览商品放大镜功能
2020/10/28 Javascript
Vue 401配合Vuex防止多次弹框的案例
2020/11/11 Javascript
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
Python读取图片属性信息的实现方法
2016/09/11 Python
详解Python装饰器由浅入深
2016/12/09 Python
详解Python3.6安装psutil模块和功能简介
2018/05/30 Python
python读取word文档,插入mysql数据库的示例代码
2018/11/07 Python
Python基本socket通信控制操作示例
2019/01/30 Python
python aiohttp的使用详解
2019/06/20 Python
将python安装信息加入注册表的示例
2019/11/20 Python
python GUI库图形界面开发之PyQt5信号与槽事件处理机制详细介绍与实例解析
2020/03/08 Python
CSS3 简写animation
2012/05/10 HTML / CSS
英国最受信任的在线眼镜商之一:Fashion Eyewear
2019/10/31 全球购物
三八妇女节活动总结
2014/05/04 职场文书
教育专业毕业生推荐信
2014/07/10 职场文书
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers
Java结构型设计模式之组合模式详解
2022/09/23 Java/Android