jQuery所有的選擇器

2021-09-28 19:57:25 字數 2428 閱讀 9608

#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")

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

$(「select option:selected」)

jquery選擇器所有例項

id為one div id為two class是 mini div class是 mini class是 one 這是隱藏的 class是 mini class是 mini class是 one class是 mini01 class是 mini 這是隱藏的 動畫 元素的值 id b1 元素的值 i...

JQuery選擇器 選擇器簡介

在開始學習jquery選擇器之前,有必要了解一下css 層疊樣式表 技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...

Jquery選擇器 基本選擇器

jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...