`
achun
  • 浏览: 315377 次
  • 性别: Icon_minigender_1
  • 来自: 河南郑州
社区版块
存档分类
最新评论

写一个CSS选择器

阅读更多

已经有很多优秀的CSS选择器了.我还是要自己写一个.起名字叫 inQuery

主页:http://code.google.com/p/inquery/

直接访问源码:http://inquery.googlecode.com/svn/trunk/

  1. 作为程序员就是轮子工,造轮子是我的最爱,也是提升技能的有效途径
  2. CSS选择器真的够难度,而且写好了很实用
  3. w3 设计的css选择器是针对样式表里Element选择的,而我们程序中要的是有context,上下文关联的
  4. 现有的选择器真的有一些BUG,举个例子:jQuery的选择器经过几次context选择后,没有剔除重复的element
  5. 自己写的东西,自己最清楚,可以随心所欲的按自己的需求随意改
  6. css选择器的速度可以优化到什么程度?可以扩展到什么地步?挑战一下自我吧

首先我这个选择器是类似jQuery的含有context概念的选择器,与w3的 selectors-api不同,具体参见

搞清w3 selectors-api的工作方式

inQuery的选择表达式写法完全兼容css3 selectors的写法,不过因为context的关系语义不完全一样,而且远期规划中,inQuery是打算引深css3 selectors的语义的.目前除了

  1. E::foo
  2. E:link
  3. E:visited//这个没有考虑好到底要不要支持
  4. E:active
  5. E:hover
  6. E:focus
  7. E:target
  8. E:lang
  9. E:not(s)//这个以后可以实现

语法不支持外,其他的都已经有基本的实现.

选择器的测试真的很烦,自己也很累,目前的是测试版本 ,肯定BUG不少, 诚请热心的朋友帮忙测试,并提供宝贵意见,谢谢先

源文件中

inCore.js    是inQuery.js调用前要加载的基础库

inQuery.js  就是inQuery的程序了,暂时也使用了$符号做函数名


使用的方法,就是建立html文档并引入上面两个js,在页面完全加载完成后 $(...)

 

广告词:

CSS选择器, inQuery 做的更好


6
1
分享到:
评论
12 楼 achun 2009-08-09  
ranLoD 写道
achun 写道

15年的工作经验啦。。。


真的假的啊,你芳龄几何啊?

73年生人,今年本命年
11 楼 ranLoD 2009-08-08  
achun 写道

15年的工作经验啦。。。


真的假的啊,你芳龄几何啊?
10 楼 achun 2009-07-10  
bigcoon 写道
呵呵 15年的工作经验啦。。。
比骨灰还骨灰了


你的CSS选择器用了缓存了没

没有哇,而且我发现和高人写的没法比,所以暂时放一放。
9 楼 bigcoon 2009-07-09  
呵呵 15年的工作经验啦。。。
比骨灰还骨灰了


你的CSS选择器用了缓存了没
8 楼 achun 2008-11-20  
elstage 写道

应该先介绍一下这个选择器的功能,最好有截图

事实上,我做这个首先是为了自己用着方便,
其他感兴趣的朋友,如果真的感兴趣的话,会看代码实现的.
看过之后会对这个有一个评价.然后确定是否有必要与我进行进一步沟通.
我不奢望主动的推介inQuery.来达到大家的认同.
也就是说对于我的作品,
我的推广策略是被动式的.我不会主动的去争取别人的认同.
只有那些有认同感的朋友,我才会与他们交流.
交流的目是为了技术的提高和作品的完善,而不是什么推广.
在我的博客发表这个不是为了推广.
7 楼 elstage 2008-11-20  
应该先介绍一下这个选择器的功能,最好有截图
6 楼 achun 2008-11-19  
zuroc 写道

http://zsp.iteye.com/blog/269753http://code.google.com/p/jseasy/我也年轻过...

zuroc有多少年的编程年龄呀!
我近15年的编程年龄了,上学期间不算.
我20年前的一个朋友的爷爷当时80岁了才开始学英语,英语说的比当时他上大学的哥哥都好.
你那个jseasy怎么不坚持做下去呀!
4 楼 hudong0178 2008-11-18  
学习了。。
3 楼 sunlong 2008-11-18  
我喜欢造轮子的人,不过我本身技术太差,造不了……
2 楼 achun 2008-11-18  
kaipingk@gmail.com 写道

我也曾经做了一个http://www.taoxueba.com/myjs/

哈哈,果然造轮子的大有人在.
你的代码虽然经过压缩了.
不过我大概看出来,果然是每个人写的代码思路都不同呀.
1 楼 kaipingk 2008-11-18  
我也曾经做了一个

http://www.taoxueba.com/myjs/

相关推荐

    CSS选择器.pdf

    CSS选择器是CSS编程中的一个重要概念,它们是用于选中特定HTML元素并对其应用样式的规则模式。在CSS选择器的体系中,存在多种不同类型的选择器,每种都有其特定的用途和使用场景。 首先,元素选择符是最基本的类型...

    react-React组件的css选择器

    在React开发中,CSS选择器是用于特定于组件的样式化的一种强大工具。React组件的样式管理是一个关键的方面,因为它影响着应用的可维护性和性能。本篇将深入探讨React组件与CSS选择器的结合使用,以及如何优化组件的...

    利用css+javascript实现的一个日期选择器代码

    【标题】:“利用css+javascript实现的一个日期选择器代码”涉及的核心知识点主要集中在CSS样式设计和JavaScript编程上,用于创建一个交互式的日期选择组件。日期选择器是网页表单中常见的一种元素,允许用户方便地...

    CSS选择器-.pdf

    类型选择器匹配文档树中该元素类型的每一个实例。例如,下面的规则匹配文档树中所有 h1 元素: h1 {font-family: sans-serif;} CSS 元素选择器可以用于设置 XML 文档中元素的样式。例如: XML 文档: ```xml ...

    前端必须掌握的css选择器方法

    类选择器效率低于 ID 选择器,一个页面可以有多个 class,并且 class 可以放在不同的标签中使用。 .error { color: red; } 4. 标签选择器 X 标签选择器可以选择页面中的某个标签样式改变。 a { color: red; } ...

    scrapy爬虫之CSS选择器(比前面两个更全)

    在实际的Scrapy项目中,`home`可能是一个具体的爬虫文件,包含定义爬虫规则、设置起始URL、配置CSS选择器等代码。 综上所述,本Scrapy爬虫项目通过CSS选择器提供了一种全面的方法来抓取和处理网页数据。了解并熟练...

    CSS基本选择器实用PPT课件.pptx

    类别选择器是 CSS 中另一种基本选择器,它可以定义一个类名,然后在页面中使用该类名来引用该样式。例如: .title1 { font-size: 18px; color: blue; } 四、CSS 的应用 CSS 的应用非常广泛,例如: * 实现网页...

    一种可视化的方式来分析选择器在CSS中的特殊性

    **CSS选择器特殊性分析** 在CSS样式表中,选择器是用于指定元素样式的关键工具。它们决定了哪些规则将应用于页面上的特定元素。选择器的特殊性(Specificity)是CSS优先级的一种度量,用于解决当多个选择器同时影响...

    css选择器的应用

    ### CSS选择器的应用 #### CSS概述与引入方式 CSS(层叠样式表)是一种用于定义HTML文档中元素样式的语言。它允许开发者控制网页布局、颜色、字体等外观特性,从而增强网页的表现力。CSS可以通过多种方式引入: -...

    CSS选择器详细介绍

    子选择器用两个常用选择器,中间加一个空格表示。例如 `.father .child{color:#0000CC;}`。这里的 `.father` 选择器选择父元素,`.child` 选择器选择子元素,样式最终会应用于子元素中。 属性选择器 属性选择器...

    树使用css选择器优化代码(IE7+,firefox3,opera9,chrom下可用)

    在前端开发中,CSS选择器是用于选取网页元素并应用样式的重要工具。高效的CSS选择器能够提高页面渲染速度,优化用户体验,特别是在处理大型或者复杂的页面结构时显得尤为重要。本篇文章将探讨如何使用CSS选择器来...

    HTML5+CSS3 城市选择器

    在这个"HTML5+CSS3 城市选择器"项目中,开发者巧妙地利用了这两门技术的优势,构建了一个灵活的城市选择器组件,能够实现多选和单选功能,并允许用户最多选择三个城市。 首先,HTML5在其中扮演的角色主要是提供页面...

    前端css选择器练习diner.zip

    "前端css选择器练习diner.zip" 是一个针对CSS选择器学习和实践的资源包,名为"css-diner"。 在"css-diner"这个练习中,你可以深入理解并掌握各种CSS选择器的用法,从而提升你的前端开发技能。以下是一些关于CSS选择...

    个人开发的一个css城市选择器!

    本文将详细解析一个由个人开发者独立完成的CSS城市选择器的实现,探讨其背后的原理和相关技术。 首先,"个人开发的一个css城市选择器!"这个标题表明,这个项目主要依赖于CSS(层叠样式表)来实现视觉效果。CSS是一...

    css属性选择器理解案列

    理解css属性选择器

    CSS选择器和jQuery选择器

    ### CSS选择器与jQuery选择器详解 #### 一、引言 在现代Web开发中,选择器扮演着至关重要的角色。无论是对HTML元素应用样式还是对其进行动态操作,选择器都是必不可少的工具。本文将深入探讨两种常用的选择器——...

    scrapy爬虫下的CSS选择器使用

    CSS选择器的一个重要优势是它们可以与XPath表达式互换使用。Scrapy的`response.xpath()`方法提供了同样的功能,对于某些复杂的选取场景,XPath可能更为强大。不过,CSS选择器通常更易读且执行速度更快。 在实际的...

Global site tag (gtag.js) - Google Analytics