初學(xué)jQuery，為了更好的系統(tǒng)學(xué)習(xí)好jQuery，今天特意把自己學(xué)習(xí)心得歸納一下，貼上來與初學(xué)者共進(jìn)退，今天我主要總結(jié)的是jQuery的基本選擇器。

jQuery的基本選擇器是jQuery中最常用的選擇器，也是最簡單的選擇器，它主要是通過元素的ID,CLASS,元素的標(biāo)簽ELEMENT等來查找HTML中的DOM元素。在網(wǎng)頁中，每一個id名稱只能使用一次，class允許重復(fù)使用。在jQury應(yīng)用中，可以使用這些基本選擇器來完成絕大多數(shù)的工作，下面我們主要來看看其具體的實現(xiàn)過程。為了更好的學(xué)習(xí)，我們先在這里列出一個HTML標(biāo)簽代碼：

<div id="mydiv">
    <div class="mini">我是一個名為mini的div標(biāo)簽</div>
    <div class="mini">我是一個名為mini的div標(biāo)簽</div>
    <div class="mini">我是一個名為mini的div標(biāo)簽</div>
    <p>我是一個段落p標(biāo)簽</p>
    <span>我是一個行內(nèi)span標(biāo)簽</span>
<div>

接著我們分別來看看這幾種基本選擇器的應(yīng)用

一、ID選擇器

選擇器：#id

描述：根據(jù)給定的id匹配一個元素

返回：單個元素

示例：

<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>

功能：改變元素名是<div>的所有元素的背景色

四、所有元素*

選擇器：*

描述：改變匹配的所有html標(biāo)簽元素

返回值：集合元素

示例：

<script type="text/javascript">    $(document).ready(function(){
        //*選擇器        $("*").css("background","#f96");
     });</script>

功能：改變所有html元素標(biāo)簽的背景色

五、selector1、selector2、....selectorN

選擇器：selector,selector2,...selectorN

描述：將每一個選擇器匹配到的元素合并后一起返回

返回：集合元素

示例：

<script type="text/javascript">    $(document).ready(function(){
        //selector1,selector2,...selectorN選擇器        $(".mini,p").css("background","#f96");
     });</script>

功能：改變class名為mini和段落p元素的背景色