jQuery基礎選擇器

2021-09-28 19:57:25 字數 2762 閱讀 4683

這篇只留著自己備用…

//#id :根據給定的id匹配乙個元素。$(

"#idname");

//.class: 根據給定的css類名匹配元素。$(

".classname");

//element: 根據給定的元素標籤名匹配所有元素

$(「div」)

;//:匹配所有元素$(

"");//selector1,selector2,selectorn:將每乙個選擇器匹配到的元素合併後一起返回。

$(「div,span,p.classname」)

;//ancestor descendant:在給定的祖先元素下匹配所有的後代元素

$(「form input」);

//parent > child:在給定的父元素下匹配所有的子元素

$(「form > input」)

//prev + next:匹配所有緊接在 prev 元素後的 next 元素

$(「label + input」)

//prev ~ siblings: 匹配 prev 元素之後的所有 siblings 元素

$(「form ~ input」);

//first: 獲取第乙個元素

$(『li:first』)

;//not(selector):去除所有與給定選擇器匹配的元素

$(「input:

not(

:checked)」);

//even:匹配所有索引值為偶數的元素,從 0 開始計數

$(「tr:even」);

//odd:匹配所有索引值為奇數的元素,從 0 開始計數

$(「tr:odd」);

//eq(index) : 匹配乙個給定索引值的元素

$(「tr:eq(

1)」);

//gt(index):匹配所有大於給定索引值的元素

$(「tr:gt(

0)」);

//lang(language):選擇指定語言的所有元素。

$(「p:

lang

(it)」)

//last() :獲取最後個元素

$(『li:last』);

//lt(index):匹配所有小於給定索引值的元素

$(「tr:lt(

2)」)

//header :匹配如 h1, h2, h3之類的標題元素$(

":header").

css(「background」, 「#eee」)

;//animated:匹配所有正在執行動畫效果的元素$(

"#run").

click

(function()

,1000);

});//focus :匹配當前獲取焦點的元素。

$( 「#content」 )

.delegate

( 「*」, 「focus blur」,

function

( event ),0

);})

;//root:選擇該文件的根元素。$(

":root").

css(「background-color」,「yellow」)

;//contains(text):匹配包含給定文字的元素

$(「div:

contains

(『john』)」)

//empty:匹配所有不包含子元素或者文字的空元素

$(「td:empty」)

//has(selector):匹配含有選擇器所匹配的元素的元素

$(「div:has§」)

.addclass

(「test」)

;//parent:匹配含有子元素或者文字的元素

$(「td:parent」);

//hidden :匹配所有不可見元素,或者type為hidden的元素

$(「tr:hidden」);

//visible :匹配所有的可見元素

$(「tr:visible」)

//[attribute] :匹配包含給定屬性的元素

$(「div[id]」)

//[attribute=value] :匹配給定的屬性是某個特定值的元素

$(「input[name=『newsletter』]」)

.attr

(「checked」,

true);

//first-child :匹配所給選擇器( :之前的選擇器)的第乙個子元素

$(「ul li:first-child」)

//last-child:匹配最後乙個子元素

$(「ul li:last-child」)

//only-child :如果某個元素是父元素中唯一的子元素,那將會被匹配

$(「ul li:only-child」)

//input:匹配所有 input, textarea, select 和 button 元素$(

":input"

)//text:匹配所有的單行文字框$(

":text"

)//password:匹配所有密碼框$(

":password"

)//image:匹配所有影象域$(

":image"

)//checked :匹配所有選中的被選中元素(核取方塊、單選框等,select中的option),對於select元素來說,獲取選中推薦使用 :selected

//selected :匹配所有選中的option元素

$(「select option:selected」)

Jquery 基礎 選擇器。

jquery選擇器繼承了css與path語言的部分語法,允許通過標籤,屬性名或者內容對dom元素進行快速,準確的選擇,而不必擔心瀏覽器的相容性。通過 selector 得到的物件,因為無論是對事件的處理 遍歷dom ajax,本質上都是對物件的操作。一 jquery選擇器優勢 1.簡潔寫法 2.支援...

jQuery基礎 選擇器

1 id 返回值單個元素的組成的集合 myid 說明 就是選擇html中的id myid 2 element 返回值集合元素 div 說明 可以返回例如 div input a 等中的值 3 class 返回值 集合元素 myclass 說明 就是選擇html中的iclass myclass 4 所...

jQuery基礎 選擇器

選擇器 功能返回值 idid選擇器 單個元素 element 元素選擇器 元素集合 class 類選擇器 元素集合 匹配所有元素 元素集合 selector1,selector2 將每乙個選擇器匹配到的元素合併後一起返回 元素集合 選擇器功能 返回值ancestor descendant 根據祖先元...