這篇只留著自己備用…
//#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 根據祖先元...