jQuery技术内幕:深入解析jQuery架构设计与实现原理. 3.2 选择器表达式-阿里云开发者社区

开发者社区> 华章出版社> 正文
登录阅读全文

jQuery技术内幕:深入解析jQuery架构设计与实现原理. 3.2 选择器表达式

简介:

3.2 选择器表达式

为了准确描述Sizzle的实现,避免歧义,需要先约定一些相关术语,具体如表3-1所示。

表3-1 术语和约定

序号         术  语         说明和示例

1       选择器表达式         CSS选择器表达式,例如,"div>p"

2       并列选择器表达式         逗号分割的多个选择器表达式,例如,"div, p"

3       块表达式         例如,"div>p"中的"div"、"p"

4       块表达式类型         例如,"div"的类型是TAG,".red"的类型是CLASS,"div.red"则是TAG + CLASS。共有8种块表达式类型:ID、CLASS、NAME、ATTR、TAG、CHILD、POS、PSEUDO

5       块间关系符     表示块表达式之间关系的符号,例如,"div>p"中的">"。共有4种块间关系符:">"父子关系、""祖先后代关系、"+"紧挨着的兄弟元素、"~"之后的所有兄弟元素

 

选择器表达式由块表达式和块间关系符组成,如图3-2所示。其中,块表达式分为3种:简单表达式、属性表达式、伪类表达式;块间关系符分为4种:">"父子关系、""祖先后代关系、"+"紧挨着的兄弟元素、"~"之后的所有兄弟元素;块表达式和块间关系符组成了层级表达式。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:

华章出版社

官方博客
最新文章
相关文章
官网链接