jquery 选择器

一 类型选择符 
img {....} 
id选择符 
#divTest1{....} 
class 选择符 
.divClass{....} 
分组选择符 
div,span{....} 
包含选择符 
span p{....} 
二 元素指定选择符 
div.divClass{.....} 

三 基本选择器:

id选择器:根据给定的id匹配一个元素

$("#test");//选取id=test的元素

类选择器:根据给定的类名匹配一个元素

$(".test");//选取class=test的元素

element标签选择器:根据给定的标签匹配一个元素

$("p");//选取所有<p>元素

匹配所有元素

$("*");//匹配所有元素

四 属性选择器:

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

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

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

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

五 元素选择器(使用css选择器):

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

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

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

六 特殊选择器:

$(this)

当前 HTML 元素
$("*")所有元素
$(".a.b")所有class=a且class=b的元素
$(".intro")所有 class="intro" 的元素
$("#intro")id="intro" 的元素
$("ul li:first")每个 <ul> 的第一个 <li> 元素
$("ul li:last")每个<ul>的最后一个<li>元素
$(":header")所有标题元素h1~h6
$("div#intro .head")id="intro" 的 <div> 元素中的所有 class="head" 的元素

相关推荐