jQuery基本選擇器
初學(xué)jQuery，為了更好的系統(tǒng)學(xué)習(xí)好jQuery，今天特意把自己學(xué)習(xí)心得歸納一下，貼上來(lái)與初學(xué)者共進(jìn)退，今天我主要總結(jié)的是jQuery的基本選擇器。
jQuery的基本選擇器是jQuery中最常用的選擇器，也是最簡(jiǎn)單的選擇器，它主要是通過(guò)元素的ID,CLASS,元素的標(biāo)簽ELEMENT等來(lái)查找HTML中的DOM元素。在網(wǎng)頁(yè)中，每一個(gè)id名稱只能使用一次，class允許重復(fù)使用。在jQury應(yīng)用中，可以使用這些基本選擇器來(lái)完成絕大多數(shù)的工作，下面我們主要來(lái)看看其具體的實(shí)現(xiàn)過(guò)程。為了更好的學(xué)習(xí)，我們先在這里列出一個(gè)HTML標(biāo)簽代碼：
<div id="mydiv"> <div class="mini">我是一個(gè)名為mini的div標(biāo)簽</div> <div class="mini">我是一個(gè)名為mini的div標(biāo)簽</div> <div class="mini">我是一個(gè)名為mini的div標(biāo)簽</div> <p>我是一個(gè)段落p標(biāo)簽</p> <span>我是一個(gè)行內(nèi)span標(biāo)簽</span> <div>
接著我們分別來(lái)看看這幾種基本選擇器的應(yīng)用
一、ID選擇器
選擇器：#id
描述：根據(jù)給定的id匹配一個(gè)元素
返回：單個(gè)元素
示例：
<script type="text/javascript"> $(document).ready(function(){
//id選擇器 $("#mydiv").css("background","#f96");
});</script>
功能：改變id為mydiv的元素的背景色
二、class選擇器
選擇器：.class
描述：返回給定的類名匹配的元素
返回： 集合元素
示例：
<script type="text/javascript"> $(document).ready(function(){
//class選擇器 $(".mini").css("background","#f96");
});</script>功能：改變class為mini的所有元素的背景色
三、標(biāo)簽element
選擇器：element
描述：根據(jù)給定的元素名匹配元素
返回：集合元素
示例：
<script type="text/javascript"> $(document).ready(function(){
//element選擇器 $("div").css("background","#f96");
});</script>功能：改變?cè)孛?lt;div>的所有元素的背景色
四、所有元素*
選擇器：*
描述：改變匹配的所有html標(biāo)簽元素
返回值：集合元素
示例：
<script type="text/javascript"> $(document).ready(function(){
//*選擇器 $("*").css("background","#f96");
});</script>功能：改變所有html元素標(biāo)簽的背景色
五、selector1、selector2、....selectorN
選擇器：selector,selector2,...selectorN
描述：將每一個(gè)選擇器匹配到的元素合并后一起返回
返回：集合元素
示例：
<script type="text/javascript"> $(document).ready(function(){
//selector1,selector2,...selectorN選擇器 $(".mini,p").css("background","#f96");
});</script>功能：改變class名為mini和段落p元素的背景色
