《JavaScript and jQuery The Missing Manual》学习笔记之CSS&jquery选择器

其实在之前读过的《HTML and CSS Design and Build Websites》中就有列举了所有的这些东西，现在重新看到了，而且里面也包含了一些CSS中没有的，所以就记下来吧，可能会记得牢一些。。。

1.Descendent selectors。如：#navBar a 选择id为navBar的元素下面的所有a标签。

 

2.Child selectors。如：body > p 选择body标签下的所有p标签,p标签与body标签中间没有其它标签，即p是body的直接子元素。

 

3.Adjacent sibling。如：h2+div 选择直接跟在h2标签后面的div标签。

 

4.Attribute selectors。如：img[alt] 选择所有具有alt属性的img标签；‚input[type=”text”] 选择所有type属性值为text的input标签：a[href=”http://”] href属性值以http://开头的a标签、a[href$=”.pdf”] href属性值以.pdf结尾的a标签、a[href*=”missingmanual.com”] href属性值中包含有missingmanual.com的a标签。

 

5.:even :odd选择所选元素中的第奇数个或第偶数个。

 

6.:first :last 选择所选元素中的第一个或最后一个。

 

7.:not() 剔除所选元素中不符合条件的某类元素。如：a:not(.navButton) 选择没有navButton类的a标签。

 

8.:has() 选择所选元素中符合条件的某类元素。如：li:has(a) 选择拥有a子元素的li标签。

 

9.:contains() 选择包含所指定文本的元素。如：a:contains(Click me!) 选择标签内有Click me!文本的元素。

 

10.:hidden和:visible 选择在页面上被隐藏或可见的元素。

 

转载于:https://www.cnblogs.com/RedHood/archive/2013/04/09/3009877.html