jquery基本选择器

1、*选择器

$("*") ：所有元素

2、id选择器

$("#title")：id=" title " 的元素

3、.class 选择器

$(". fade") ：所有 class=" fade" 的元素

4、element(元素)选择器

$("p")：所有 <p> 元素

5、.class.class 选择器

$(". fade.demo")：所有 class=" fade " 且 class="demo" 的元素

6、:contains(text)

$(":contains('aaa')")：包含指定字符串的所有元素

$("div:contains('aaa')")选择所有div中含有aaa文本的元素

7、:gt(index) 选择器

$("tr:gt(2)")：选取一个table中 index 值大于2的tr元素。(index 从0开始，)

8、$(":lt(index)") 选择器

$("tr:lt(2)")：选取一个table中 index 值小于2的tr元素。(index 从0开始，)

9、$(":eq(index)") 选择器

$("tr:eq(1)")：选取一个table第二个tr元素。(index 从0开始，)

10、$("p:first")选择器

$("p:first")    ：选择器选取第一个p元素

11、$("p:last") 选择器

$("p:last")        ：选择最后一个 <p> 元素

12、选择以某些开头或结尾的元素

$("div[name^='qpage']")  ：选择所有的name属性以qpage开头的div元素

$("div[name$='qpage']")  ：选择所有的name属性以qpage结尾的div元素

$("div[id]")                               选择所有含有 id 属性的div元素。 

$("div[id='qwer']")                  选择 id 为 qwer 的 div 元素。 

$("div[id!='qwer']")                 选择 id 不为 qwer 的 div 元素。 

$("div[id^='qwer']")                选择 id 以 qwer 开头的 div 元素。 

$("div[id$='qwer']")                选择 id 以 qwer 结尾的 div 元素。 

$("div[id*='qwer']")                选择 id 含 qwer 的 div 元素。 

$("div[id^='qwer']")                选择 id 以 qwer 开头的 div 元素。 

$("div[id][class='qwer']")       选择存在id属性并且类为qwer的 div 元素。 

13、属性选择器

[attribute]                     $("[href]")                    所有带有 href 属性的元素

[attribute=value]        $("[href='#']")              所有 href 属性的值等于 "#" 的元素

[attribute!=value]       $("[href!='#']")             所有 href 属性的值不等于 "#" 的元素

[attribute$=value]      $("[href$='.jpg']")       所有 href 属性的值包含以 ".jpg" 结尾的元素