jquery selector怎麼用？關於selector的用法說明

這個函數接收一個包含 CSS 選擇器的字串，然後用這個字串去匹配一組元素。

jQuery 的核心功能都是透過這個函數來實現的。 jQuery中的一切都基於這個函數，或者說都是以某種方式使用這個函數。這個函數最基本的用法就是傳遞一個表達式給它（通常由 CSS 選擇器組成），然後根據這個表達式來找出所有符合的元素。

預設情況下, 如果沒有指定context參數，$()將在當前的HTML document中查找DOM 元素；如果指定了context 參數，如一個DOM 元素集或jQuery 對象，那就會在這個context 中查找。在jQuery 1.3.2以後，其傳回的元素順序等同於在context中出現的先後順序。

selector:屬性用於傳回取得目前jQuery物件時傳給jQuery(selector, context)函數的原始選擇器(即selector參數)。換句話說，你透過什麼選擇器來獲得的目前jQuery對象，目前jQuery物件的selector屬性就回傳什麼。

語法:jQueryObject.selector

傳回值:selector屬性的回傳值是String類型，傳回該jQuery物件的原始選擇器。如果當前jQuery物件不是透過傳入選擇器字串來獲得的，那麼將傳回空字串""。

參數

selector,[context]String,Element,/jQueryV1.0

selector:用來尋找的字串

context:作為待尋找的DOM 元素集、文件或jQuery 物件。

elementElementV1.0

一個用於封裝成jQuery物件的DOM元素

objectobjectV1.0

一個用於封裝成jQuery物件

elementArrayElementV1.0

一個用於封裝成jQuery物件的DOM元素陣列。

jQuery objectobjectV1.0

一個用於複製的jQuery物件。

jQuery()V1.4

傳回一個空的jQuery物件。

程式碼範例：

#首先我們給下面的HTML程式碼：

#

<p id="parent" class="parent">
<p class="child">
 child1
</p>
<p class="child">
child2
</p>
</p>
<p id="parent1" class="parent">
<p class="child">
 child1
</p>
<p class="child">
child2
</p>
</p>

呼叫方式1：第二個參數context是DOM元素

var doms=$(".child",$("#parent")[0]);  
console.log(doms);

這時第二個參數是DOM對象，列印[p. child, p.child, prevObject: jQuery.fn.init[1], context: p#parent, selector: ".child"]
呼叫方式2：第二個參數context是jquery物件

var doms=$(".child",$($("#parent")[0]));  
console.log(doms);

這時候列印結果和上面第一種情況一樣，[p.child, p.child, prevObject: jQuery.fn.init[1], context: p#parent, selector : ".child"]
呼叫方式3：第二個參數是一個DOM陣列

var doms=$(".child",[document.getElementById("#parent"),document.getElementById("#parent1")])   
console.log(doms);

呼叫方式4：第二個參數是一個jQuery物件陣列

var doms=$(".child",$(".parent"))   
console.log(doms);

這種方式的結果和第三種方式是完全一樣的!
呼叫方式5：傳入的參數是一個函數，該函數會在ready函數呼叫的時候呼叫

$(function()  
 {  
   console.log("dom ready");  
 })

以上是jquery selector怎麼用？關於selector的用法說明的詳細內容。更多資訊請關注PHP中文網其他相關文章！