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" 的元素