這篇文章主要介紹了jQuery選擇器基礎知識,結合實例分析了jQuery選擇器的功能、使用方法與相關操作技巧,需要的朋友可以參考下

本文實例講述了jQuery選擇器用法。分享給大家供大家參考，具體如下：

什么是jQuery選擇器

使用JavaScript操作頁面上得DOM元素時，首先要獲取DOM元素。但是原始的javascript只元件根據ID或者TagName獲取DOM對象。

在jQuery中則完全不同，jQuery提供了異常強大的選擇器用以幫助我們獲取頁面上的對象，并且將對象以jquery對象的形式返回。

首先來看看什么是選擇器:

//根據id獲取jQuery對象

var jQueryObject=$("#testDiv");

上例中使用了id選擇器，選取id為testDiv的DOM對象并將它放入jQuery對象，最后返回了一個jQuery對象。

現在通過jQueryObject變量就可以操作testDiv圖層了，因為jQueryObject是一個jQuery對象，所以可以使用所有的jQuery對象方法。比如修改圖層中的HTML內容：

jQueryObject.html("修改后的HTML內容");

通過ID選中元素是最有效率的jQuery選擇器。這是因為在原始的javascript中就提供了選中id的方法document.getElementById()。有關選擇器的使用技巧將在后面提到。

jQuery選擇器的強大在于提供了豐富的選擇器，如果使用原始javascript則需要編寫很多的代碼才能實現。這極大減少了開發(fā)人員的工作量。

jQuery選擇器核心函數

jQuery選擇器調用的是jQuery核心函數：

jQuery(EXPRESSION,[econtext]);

這個函數接收一個包含選擇器表達式的字符串，然后用這個字符串去匹配一組元素。

jQuery的核心功能都是通過這個函數實現的。jQuery中的大部分功能都基于這個函數，或者說都是在以某種方式使用這個函數。該函數最基本的用法就是向他傳遞一個表達式（通常由CSS選擇器組成），然后根據這個表達式查找所有匹配的元素。

默認情況下，如果沒有指定context參數，$()將在當前的HTML document中查找DOM元素：如果指定了context參數，如一個dom元素集jQuery對象，則會在這個context中查找。在jQuery1.3.2以后，其返回的元素順序等同于在context中出現的先后順序。

參數說明如下：

~Expression：必選參數，選擇器表達式。

~Context：可選參數，選擇器上下文

~jQuery，選擇器返回的jQuery對象，jQuery對象，jQuery對象是一個集合，可以使用鏈式語法調用各種jQuery函數。

Context參數能夠縮小選擇器的范圍，加快查找速度。

希望本文所述對大家jquery程序設計有所幫助。