页面元素选择一（jQuery学习随笔一）

1.1 基本CSS选择器

基本CSS选择器实例：

1、$(“a”); 选择器匹配所有<a/>元素。

2、$(“#specialID”); 选择器匹配id为specialID的元素。

3、$(“.specialClass”); 选择器匹配拥有CCS类specialClass的元素。

4、$(“a#specialID.specialClass”); 选择器匹配id为specialID，拥有CSS类specialClass的<a/>元素。

5、$(“p a.specialClass”); 选择器匹配拥有CSS类specialClass，在<p/>元素内声明的<a/>元素。

1.2 子选择器

$(“p>a”); 选择器匹配<p/>元素的直接子节点的<a/>元素。

1.3 特性选择器

1、$(“input[style]”); 选择器匹配拥有style特性的所有<input/>元素。

2、$(“input[type=text]”); 选择器匹配type特性值为text的所有<input/>元素。

3、$(“input[id^=my]”); 选择器匹配id特性值为my开头的所有<input/>元素。

4、$(“input[id$=my]”); 选择器匹配type特性值为my结尾的所有<input/>元素。

5、$(“input[id*=my]”); 选择器匹配type特性值在任意位置为my的所有<input/>元素。

1.4 容器选择器

$(“li:has(a)”); 选择器匹配包含<a/>元素的所有的<li/>元素。

注意：容器选择器只支持一层嵌套。如下所示，

$(“ul:not(li:has(a))”); 选择器匹配不包含含有<a/>元素的<li/>元素的所有<ul/>元素。