jQuery選擇器基礎(chǔ)入門(mén)教程_

1、jQuery選擇器基礎(chǔ)入門(mén)教程_ 這篇文章主要介紹了jQuery選擇器基礎(chǔ)學(xué)問(wèn),結(jié)合實(shí)例分析了jQuery選擇器的功能、用法方法與相關(guān)操作技巧,需要的伴侶可以參考下 本文實(shí)例講解并描述了jQuery選擇器用法。分享給大家供大家參考，具體如下： 什么是jQuery選擇器 用法JavaScript操作頁(yè)面上得DOM元素時(shí)，首先要獵取DOM元素。但是原始的javascript只元件依據(jù)ID或者TagName獵取DOM對(duì)象。 在jQuery中則完全不同，jQuery供應(yīng)了特別強(qiáng)大的選擇器用以關(guān)心我們獵取頁(yè)面上的對(duì)象，并且將對(duì)象以jquery對(duì)象的形式返回。 首先來(lái)看看什么是選擇器: /依據(jù)id獵取jQ

2、uery對(duì)象 var jQueryObject=$(#testDiv); 上例中用法了id選擇器，選取id為testDiv的DOM對(duì)象并將它放入jQuery對(duì)象，最終返回了一個(gè)jQuery對(duì)象。 現(xiàn)在通過(guò)jQueryObject變量就可以操作testDiv圖層了，由于jQueryObject是一個(gè)jQuery對(duì)象，所以可以用法全部的jQuery對(duì)象方法。比如修改圖層中的HTML內(nèi)容： jQueryObject.html(修改后的HTML內(nèi)容); 通過(guò)ID選中元素是最有效率的jQuery選擇器。這是由于在原始的javascript中就供應(yīng)了選中id的方法document.getElementBy

3、Id()。有關(guān)選擇器的用法技巧將在后面提到。 jQuery選擇器的強(qiáng)大在于供應(yīng)了豐富的選擇器，假如用法原始javascript則需要編寫(xiě)許多的代碼才能實(shí)現(xiàn)。這極大削減了開(kāi)發(fā)人員的工作量。 jQuery選擇器核心函數(shù) jQuery選擇器調(diào)用的是jQuery核心函數(shù)： jQuery(EXPRESSION,econtext); 這個(gè)函數(shù)接收一個(gè)包含選擇器表達(dá)式的字符串，然后用這個(gè)字符串去匹配一組元素。 jQuery的核心功能都是通過(guò)這個(gè)函數(shù)實(shí)現(xiàn)的。jQuery中的大部分功能都基于這個(gè)函數(shù)，或者說(shuō)都是在以某種方式用法這個(gè)函數(shù)。該函數(shù)最基本的用法就是向他傳遞一個(gè)表達(dá)式（通常由CSS選擇器組成），然后依據(jù)這個(gè)表達(dá)式查找全部匹配的元素。 默認(rèn)狀況下，假如沒(méi)有指定context參數(shù)，$()將在當(dāng)前的HTML document中查找DOM元素：假如指定了context參數(shù)，如一個(gè)dom元素集jQuery對(duì)象，則會(huì)在這個(gè)context中查找。在jQuery1.3.2以后，其返回的元素挨次等同于在context中消失的先后挨次。 參數(shù)說(shuō)明如下： Expression：必選參數(shù)，選擇器表達(dá)式。 Context：可選參數(shù)，選擇器上下文 jQuery，選擇器返回的jQuery對(duì)象，jQuery對(duì)象，jQuery對(duì)象是一個(gè)集合，可以用法鏈?zhǔn)秸Z(yǔ)法調(diào)用各種jQu