jQuery 選擇器彙總

2022-05-09 19:39:08 字數 1246 閱讀 6511

jquery裡的選擇器有3種:元素選擇器id選擇器, 類選擇器;

$("div")  // 選擇所有<

div>

元素$("#test") //選擇所有id為test的元素

$(".myclass") //選擇class="myclass"的所有元素

以這3種選擇器為基礎,運用不同的語法 可以精準的選取物件;

$("p:first")   //選擇第乙個 p 元素;":" 可以理解為 "的" 。

$("h1,p") //所有

<

h1>和所有<

p>

元素 ; "," 表示為 "和"

$("div p") //所有

<

div>元素後代的<

p>元素; "空格" 表示為 "...裡的";

$("div p:first-child") //選擇每個div中的第乙個p元素;

$("div.myclass") //選擇所有div元素 和 所有calss="myclass"的元素; "." 表示為"與",是用到類選擇器時特有的;

除此之外還有一些特殊的選擇器 ,幫助我們應對一些特殊情況。

$("*")    //選取所有元素    

$(this) //選取當前 html 元素

$("[href]") //選取帶有 href 屬性的元素

$("a[target='_blank']") //選取所有 target 屬性值等於 "_blank" 的

<

a>

元素

$("a[target!='_blank']") //選取所有 target 屬性值不等於 "_blank" 的

<

a>

元素

$(":button") //選取所有 type="button" 的

<

input

> 元素 和 <

button

>

元素

$("tr:even") //選取偶數字置的

<

tr>

$("tr:odd") //選取奇數字置的

<

tr> 元素

靈活運用 " . , : " 等符號,準確選取需要選取的元素。

jquery選擇器彙總

div id 選擇所有含有id屬性的div元素 input name keleyicom 選擇所有的name屬性等於 keleyicom 的input元素 input name keleyicom 選擇所有的name屬性不等於 keleyicom 的input元素 input name keleyi...

Jquery選擇器彙總

一.基本選擇器 1.id選擇器 id css background fffff 2.class選擇器,選中class mini的元素 mini css background fffff 3.標籤選擇器,選中div標籤的元素 div css background fffff 4.所有選擇器,選中所有選...

jQuery常用選擇器彙總

一 基本選擇器 aaaaaaaaaaa bbbbbbbbb ccccccccc function 二 層級選擇器 aaaaaaaaa bbbbbbbbb ccccccccc ddddddddd eeeeeeeee function 三 基本過濾選擇器 aaaaaaaaa bbbbbbbbb cccc...