jQuery选择器的详细

本文只简单的介绍jQuery选择标签的方法简单实用适用于刚入门的新手.不解释具体的.

1. 使用 CSS 选择器来选取 HTML 元素。

选取所有的 <p> 元素。
$("p")

选取所有class="intro"的元素
$(".intro")

选取所有 class="intro" 且 class="demo" 的元素
$(".intro.demo")

选取所有 class="intro" 的 <p> 元素。
$("p.intro") 

2.使用 XPath 表达式来选择带有给定属性的元素。

选取所有带有 href 属性的元素。
$("[href]") 

选取所有带有 href 值等于 "#" 的元素。
$("[href='#']")

选取所有带有 href 值不等于 "#" 的元素。
$("[href!='#']") 

选取所有 href 值以 ".jpg" 结尾的元素。
$("[href$='.jpg']") 

3.使用id选择器来选取HTML元素

选取id未为intro的元素
$("#intro")

选取所有 id="intro" 的 <p> 元素。
$("p#demo") 

4.使用属性来选择HTML元素

第一个<p>元素
$("p:first")

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

所有偶数 <tr> 元素
$("tr:even")

所有奇数<tr>元素
$("tr:odd")

所有标题元素 <h1> - <h6>
$(":header")

无子（元素）节点的所有元素
$(":empty")

所有隐藏的<p>元素
$("p:hidden")

5.[attribute] 选择器

选择带有 id 属性的所有元素：
$("[id]")

6.[attribute=value] 选择器

[attribute=value] 选择器选取每个带有指定属性和值的元素。
所有 href 属性的值等于 "#" 的元素
$("[href='#']")

还有一种写法是$("attribute:value")

比如:所有 type="text" 的 <input> 元素
$("input:text")

列了一些常用的,希望可以帮到需要的人.