jQuery选择器(一)

1.jQuery元素选择器

$("p")     选取标签为<p>的元素

$("p.intro")   选择class=“intro”的p元素

$(".intro")    选择class=“.intro” 的所有元素

 

$("p#p1")   选择id=“p1”的p元素

$("#p1")    选择id=“p1”的所有元素

 

2.jQuery属性选择器

$("[href]")    选择包含属性href的元素

$("[href='#']")     选择属性href=“#"的元素

$("[href!='#']")    选择属性href不为#的元素

$("[href$='.jpg']")   选择属性href以".jpg"结尾的元素

 

更多的选择器实例

语法	描述
$(this)	当前 HTML 元素
$("p")	所有 <p> 元素
$("p.intro")	所有 class="intro" 的 <p> 元素
$(".intro")	所有 class="intro" 的元素
$("#intro")	id="intro" 的第一个元素
$("ul li:first")	每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']")	所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head")	id="intro" 的 <div> 元素中的所有 class="head" 的元素