利器之cssQuery

最新推荐文章于 2024-05-23 14:20:52 发布
最新推荐文章于 2024-05-23 14:20:52 发布
阅读量4.7k 收藏 3
点赞数 1
分类专栏： Javascript 文章标签： class div html css input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xzxw1115/article/details/5930188
版权

理论上来说.cssQuery和document.getElementsByTagName方法的作用一样..

但cssQuery比后者强大多了..无论是功能还是效率.

 

感谢Dean Edwards 的成果让我有幸见到如此强大的cssQuery 

cssQuery官方网站 http://dean.edwards.name/my/cssQuery/

 

 

贴上效果代码:

 

 

如果查找所有的超链接元素,cssQuery代码如下:<非常简洁>

当然用document.getElemensByTagName也可以实现,代码如下:

 

当然 , 需求太简单, 或许你看不出来什么区别...让我们再来看一个例子.

 

例如,我要找到超链接<a>元素..并且他的href属性的值为www.baidu.com,cssQuery代码如下:

 

如果用惯了document.getElementsByTagName的朋友,可就有点麻烦了.代码如下:

 

 

 

 

从这里就可以看出谁更方便,更灵活了吧...~当然好处还不止这么多,,,  ,比如cssQuery还可以获得标签ID的集合,,,还有根据样式的名称

<input type="text" class="abc" id="3"/>

就可用如下代码获得:

 

 

总之,cssQuery功能很强大.他有很多的组合方式供我们搜索DOM Element, 想了解更深请查阅官网


xzxw1115
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
cssQuery()的下载与使用方法
12-11
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 s
CssQuery
qq_36123168的博客
07-03 332
tagnameans|tag: 通过标签在命名空间查找元素，比如：可以用fb|name语法来查找<fb:name>元素#id#logo.class.masthead[href][^attr]: 利用属性名前缀来查找元素，比如：可以用[^data-]来查找带有HTML5 Dataset属性的元素: 利用属性值匹配正则表达式来查找元素，比如：img[src~=(?g)]: 这个符号将匹配所有元素。
lang=“scss“详解
最新发布
Princetonggg的博客
05-23 565
SCSS是Sass（Syntactically Awesome Stylesheets）的一种语法，它是一种CSS预处理器，提供了许多有用的功能，如变量、嵌套规则、混合宏等，这些功能可以使CSS的编写更加简洁和强大。SCSS是CSS的一个超集，这意味着任何有效的CSS语法都是有效的SCSS语法。当你在<style scoped lang="scss">标签中写CSS时，这些CSS代码将按照常规CSS的方式工作，同时你也可以利用SCSS提供的额外功能，如变量、嵌套规则、混合宏等，来增强和简化你的样式编写。
cssquery()
01-30 166
cssQuery()version 2.0.2还在使用 getElementsByTagName? 哼~简介cssQuery() 是一款强大的 跨浏览器 JavaScript 脚本方法， 它能够利用“CSS 选择器”来 获取 DOM 文档。支持所有CSS1 、 CSS2 以及部分 CSS3 选择器。 用法语法elements = cssQuery(selector [, from]);其中 sel
cssquery_cssQuery（）：使用CSS选择器查询DOM
09-19 439
cssquery （Via Planet Web 2.0 ） cssQuery（）是来自IE7脚本的 Dean Edwards的新JavaScript库，位于文档对象模型 （DOM）的顶部，可让您使用CSS选择器语法获取对文档元素的引用。 DOM是强大，高效的API，用于读取，编写和修改HTML和XML文档。 与JavaScript一起使用，它是DHTML效果的基础。 但是男孩有时会需要很多代...
crawler_jsoup HTML解析器_使用选择器语法来查找元素
weixin_30825199的博客
12-26 386
参照：http://www.open-open.com/jsoup/selector-syntax.htm 使用选择器语法来查找元素 问题 你想使用类似于CSS或jQuery的语法来查找和操作元素。 方法 可以使用Element.select(String selector)和Elements.select(String selector)方法实现： File input = n...
一个cssQuery对象 javascript脚本实现代码
10-29
原创的一个cssQuery对象，类似于jQuery的$函数通过css选择器选择DOM元素，目前还不支持xPath语法
基于Js的CSS 选择器 cssQuery代码及实例包
05-01
内容索引:脚本资源,Ajax/JavaScript,cssQuery,CSS选择器　基于Js的CSS 选择器 cssQuery代码及实例包，它是由业界有名的Dean Edwards开发的一个Javascript组件，支持几乎所有的CSS 选择器，包括CSS3选择器。...
jQuery内核详解与实践_Part3
05-02
本书讲的特别好，详细且有深度，如果你想真正掌握jQuery这门技术，我推荐你这本书。
cssQuery（）：使用CSS选择器查询DOM
09-19 181
（通过星球的Web 2.0 ） cssQuery（） ，从院长爱德华兹一个新的JavaScript库IE7剧本成名 ，坐在上面文档对象模型 （DOM），并让您获得使用CSS选择器语法文档元素的引用。 DOM是读，写和修改HTML和XML文档的强大而高效的API。 使用的JavaScript，它是DHTML效果的基础。 但男孩它可能需要大量的代码的时候。 考虑一下这个小片段，从我们这里使用的S...
根据CSS选择器来查询一个元素节点对象(querySelectorAll)
linqunbin的博客
05-26 1476
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
Query的属性与样式之样式操作.css()
北极星小王子
05-25 1009
通过JavaScript获取dom元素上的style属性，我们可以动态的给元素赋予样式属性。在jQuery中我们要动态的修改style属性我们只要使用css()方法就可以实现了 .css() 方法：获取元素样式属性的计算值或者设置元素的CSS属性 获取： 1、.css( propertyName ) ：获取匹配元素集合中的第一个元素的样式属性的计算值 2、.css( propertyName
【CSS】querySelector选择器用法
NopDes1re的专栏
04-09 2279
Html：&lt;ul class="ul1"&gt; &lt;li&gt;1&lt;/li&gt; &lt;li&gt;2&lt;/li&gt; &lt;li&gt;3&lt;/li&gt; &lt;li&gt;4&lt;/li&gt; &lt;/ul&gt; &lt;ul class=&
querySelector和css3选择器
vcxiaohan的博客
06-21 2775
querySelector：http://www.nowamagic.net/librarys/veda/detail/388 css3：http://www.w3school.com.cn/cssref/css_selectors.asp test * {margin: 0; padding: 0;} body {
响应式布局——CSS Media Query
TalonZhang的博客
10-02 508
前言 现在越来越多的人使用手机平板等移动设备来浏览网站，所以网站开发中响应式布局非常重要。下面记录一个简单的响应式布局方案，使用 HTML+CSS 来实现，（CSS Media Query）。并附上一个响应式简单博客。 实现 原理 本次记录的响应式开发原理非常简单，就是通过用户浏览器的尺寸来判断设备类型，然后根据不同的设备显示不同的 CSS 样式。 实现方法 首先创建 html 文件，然后引入...
CSS 表格、列表相关属性及media query
SongYuLong
03-12 303
CSS 表格、列表相关属性及media query表格相关属性控制表格布局列表相关属性控制鼠标的属性media-query 表格相关属性 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html"/> <title>表格相关属性</title> <style type="t
页面元素定位cssSelector+Xpath
qq_36738315的博客
11-17 1162
1.Sendkeys 2.去掉readonly,再Sendkeys：     JavascriptExecutorremoveAttribute = (driver;    //remove readonly attribute   removeAttribute.executeScript("varsetDate=document.getElementByIdx_x(\"train
Jsoup强大的cssQuery的使用方法
Joy Joy的博客
09-19 4821
1.Jsoup简介 2.Selector选择器 2.1 概述 2.2 选择器组合使用 2.3 伪选择器
Jsoup所有的api
06-08
Jsoup的API包含以下内容： 1.连接和请求： - connect(String url)：建立到指定URL的连接。 - userAgent(String userAgent)：设置用户代理。 - timeout(int millis)：设置连接超时时间。 2.解析HTML： - parse(String html)：将HTML字符串解析为Document对象。 - parse(File in, String charsetName)：将指定文件中的HTML解析为Document对象。 - parse(InputStream in, String charsetName, String baseUri)：将输入流中的HTML解析为Document对象。 3.遍历元素： - select(String cssQuery)：根据CSS选择器选择元素。 - getElementById(String id)：根据元素ID选择元素。 - getElementsByTag(String tagName)：根据标签名选择元素。 - getElementsByClass(String className)：根据类名选择元素。 4.操作元素： - text()：获取元素的文本内容。 - html()：获取元素的HTML内容。 - attr(String attributeKey)：获取元素指定属性的值。 - hasAttr(String attributeKey)：检查元素是否具有指定属性。 - removeAttr(String attributeKey)：删除元素指定属性。 - append(String html)：向元素末尾添加HTML内容。 - prepend(String html)：向元素开头添加HTML内容。 5.修改HTML： - empty()：删除元素的所有子元素。 - remove()：删除元素。 - before(String html)：在元素前插入HTML内容。 - after(String html)：在元素后插入HTML内容。 - wrap(String html)：用指定HTML包装元素。 以上就是Jsoup的主要API，涉及连接和请求、解析HTML、遍历元素、操作元素和修改HTML等方面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值