页面元素选择一（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/>元素。