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 相关文章推荐
农历与西历对照
Sep 06 Javascript
通过javascript把图片转化为字符画
Oct 24 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 Javascript
javascript封装 Cookie 应用接口
Aug 07 Javascript
AngularJS 执行流程详细介绍
Aug 18 Javascript
js点击任意区域弹出层消失实现代码
Dec 27 Javascript
zTree节点文字过多的处理方法
Nov 24 Javascript
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
Aug 25 Javascript
jquery层次选择器的介绍
Jan 18 jQuery
微信小程序云开发之数据库操作
May 18 Javascript
layui关闭层级、简单监听的实例
Sep 06 Javascript
JS实现盒子拖拽效果
Feb 06 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模板函数 正则实现代码
2012/10/15 PHP
ThinkPHP查询返回简单字段数组的方法
2014/08/25 PHP
AJAX的使用方法详解
2017/04/29 PHP
tp5.1 框架数据库-数据集操作实例分析
2020/05/26 PHP
TFDN图片播放器 不错自动播放
2006/10/03 Javascript
jQuery使用手册之一
2007/03/24 Javascript
JavaScript Event学习第九章 鼠标事件
2010/02/08 Javascript
Javascript 设计模式(二) 闭包
2010/05/26 Javascript
JavaScript将页面表格导出为Excel的具体实现
2013/12/27 Javascript
手机平板等移动端适配跳转URL的js代码
2014/01/25 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
2014/06/03 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
2016/01/04 Javascript
关于List.ToArray()方法的效率测试
2016/09/30 Javascript
基于jQuery实现左侧菜单栏可折叠功能
2016/12/27 Javascript
JavaScript实现类似淘宝的购物车效果
2017/03/16 Javascript
Javascript中的作用域及块级作用域
2017/12/08 Javascript
npm的lock机制解析
2019/06/20 Javascript
nodejs简单抓包工具使用详解
2019/08/23 NodeJs
python装饰器与递归算法详解
2016/02/18 Python
python3中bytes和string之间的互相转换
2017/02/09 Python
Python安装官方whl包和tar.gz包的方法(推荐)
2017/06/04 Python
基于python select.select模块通信的实例讲解
2017/09/21 Python
浅谈python的输入输出,注释,基本数据类型
2019/04/02 Python
python实现爬虫抓取小说功能示例【抓取金庸小说】
2019/08/09 Python
python实现超市商品销售管理系统
2019/11/22 Python
python使用信号量动态更新配置文件的操作
2020/04/01 Python
英国最大的经认证的有机超市:Planet Organic
2018/02/02 全球购物
来自南加州灵感的工作和娱乐服装:TravisMathew
2019/05/01 全球购物
如何将字串String转换成整数int
2015/02/21 面试题
GWebs公司笔试题
2012/05/04 面试题
会计实习生自我鉴定
2013/12/12 职场文书
法警的竞聘演讲稿
2014/01/02 职场文书
上班早退检讨书
2014/01/09 职场文书
美德好少年事迹材料
2014/01/19 职场文书
合伙购房协议样本
2014/10/06 职场文书
Python中的程序流程控制语句
2022/02/24 Python