已经有很多优秀的CSS选择器了.我还是要自己写一个.起名字叫
inQuery
主页:http://code.google.com/p/inquery/
直接访问源码:http://inquery.googlecode.com/svn/trunk/
- 作为程序员就是轮子工,造轮子是我的最爱,也是提升技能的有效途径
- CSS选择器真的够难度,而且写好了很实用
- w3 设计的css选择器是针对样式表里Element选择的,而我们程序中要的是有context,上下文关联的
- 现有的选择器真的有一些BUG,举个例子:jQuery的选择器经过几次context选择后,没有剔除重复的element
- 自己写的东西,自己最清楚,可以随心所欲的按自己的需求随意改
- css选择器的速度可以优化到什么程度?可以扩展到什么地步?挑战一下自我吧
首先我这个选择器是类似jQuery的含有context概念的选择器,与w3的 selectors-api不同,具体参见
inQuery的选择表达式写法完全兼容css3 selectors的写法,不过因为context的关系语义不完全一样,而且远期规划中,inQuery是打算引深css3 selectors的语义的.目前除了
- E::foo
- E:link
- E:visited//这个没有考虑好到底要不要支持
- E:active
- E:hover
- E:focus
- E:target
- E:lang
- E:not(s)//这个以后可以实现
语法不支持外,其他的都已经有基本的实现.
选择器的测试真的很烦,自己也很累,目前的是测试版本
,肯定BUG不少,
诚请热心的朋友帮忙测试,并提供宝贵意见,谢谢先
源文件中
inCore.js 是inQuery.js调用前要加载的基础库
inQuery.js 就是inQuery的程序了,暂时也使用了$符号做函数名
使用的方法,就是建立html文档并引入上面两个js,在页面完全加载完成后
$(...)
广告词:
CSS选择器,
inQuery 做的更好
分享到:
相关推荐
CSS选择器是CSS编程中的一个重要概念,它们是用于选中特定HTML元素并对其应用样式的规则模式。在CSS选择器的体系中,存在多种不同类型的选择器,每种都有其特定的用途和使用场景。 首先,元素选择符是最基本的类型...
在React开发中,CSS选择器是用于特定于组件的样式化的一种强大工具。React组件的样式管理是一个关键的方面,因为它影响着应用的可维护性和性能。本篇将深入探讨React组件与CSS选择器的结合使用,以及如何优化组件的...
【标题】:“利用css+javascript实现的一个日期选择器代码”涉及的核心知识点主要集中在CSS样式设计和JavaScript编程上,用于创建一个交互式的日期选择组件。日期选择器是网页表单中常见的一种元素,允许用户方便地...
类型选择器匹配文档树中该元素类型的每一个实例。例如,下面的规则匹配文档树中所有 h1 元素: h1 {font-family: sans-serif;} CSS 元素选择器可以用于设置 XML 文档中元素的样式。例如: XML 文档: ```xml ...
类选择器效率低于 ID 选择器,一个页面可以有多个 class,并且 class 可以放在不同的标签中使用。 .error { color: red; } 4. 标签选择器 X 标签选择器可以选择页面中的某个标签样式改变。 a { color: red; } ...
在实际的Scrapy项目中,`home`可能是一个具体的爬虫文件,包含定义爬虫规则、设置起始URL、配置CSS选择器等代码。 综上所述,本Scrapy爬虫项目通过CSS选择器提供了一种全面的方法来抓取和处理网页数据。了解并熟练...
类别选择器是 CSS 中另一种基本选择器,它可以定义一个类名,然后在页面中使用该类名来引用该样式。例如: .title1 { font-size: 18px; color: blue; } 四、CSS 的应用 CSS 的应用非常广泛,例如: * 实现网页...
**CSS选择器特殊性分析** 在CSS样式表中,选择器是用于指定元素样式的关键工具。它们决定了哪些规则将应用于页面上的特定元素。选择器的特殊性(Specificity)是CSS优先级的一种度量,用于解决当多个选择器同时影响...
### CSS选择器的应用 #### CSS概述与引入方式 CSS(层叠样式表)是一种用于定义HTML文档中元素样式的语言。它允许开发者控制网页布局、颜色、字体等外观特性,从而增强网页的表现力。CSS可以通过多种方式引入: -...
子选择器用两个常用选择器,中间加一个空格表示。例如 `.father .child{color:#0000CC;}`。这里的 `.father` 选择器选择父元素,`.child` 选择器选择子元素,样式最终会应用于子元素中。 属性选择器 属性选择器...
在前端开发中,CSS选择器是用于选取网页元素并应用样式的重要工具。高效的CSS选择器能够提高页面渲染速度,优化用户体验,特别是在处理大型或者复杂的页面结构时显得尤为重要。本篇文章将探讨如何使用CSS选择器来...
在这个"HTML5+CSS3 城市选择器"项目中,开发者巧妙地利用了这两门技术的优势,构建了一个灵活的城市选择器组件,能够实现多选和单选功能,并允许用户最多选择三个城市。 首先,HTML5在其中扮演的角色主要是提供页面...
"前端css选择器练习diner.zip" 是一个针对CSS选择器学习和实践的资源包,名为"css-diner"。 在"css-diner"这个练习中,你可以深入理解并掌握各种CSS选择器的用法,从而提升你的前端开发技能。以下是一些关于CSS选择...
本文将详细解析一个由个人开发者独立完成的CSS城市选择器的实现,探讨其背后的原理和相关技术。 首先,"个人开发的一个css城市选择器!"这个标题表明,这个项目主要依赖于CSS(层叠样式表)来实现视觉效果。CSS是一...
理解css属性选择器
### CSS选择器与jQuery选择器详解 #### 一、引言 在现代Web开发中,选择器扮演着至关重要的角色。无论是对HTML元素应用样式还是对其进行动态操作,选择器都是必不可少的工具。本文将深入探讨两种常用的选择器——...
CSS选择器的一个重要优势是它们可以与XPath表达式互换使用。Scrapy的`response.xpath()`方法提供了同样的功能,对于某些复杂的选取场景,XPath可能更为强大。不过,CSS选择器通常更易读且执行速度更快。 在实际的...