JQuery各種選擇器

2021-10-25 08:50:35 字數 2899 閱讀 7226

1、類選擇器:通過#id名 獲取該標籤
//定義乙個標籤,id屬性賦值

"pid"

>載入事件<

/p>

//通過id獲取該標籤

$("#pid").

click

(function()

);

2、類選擇器:通過.class名 獲取該標籤
//定義乙個標籤,class屬性賦值

="pid"

>載入事件<

/p>

//通過class獲取該標籤

$(".pid").

click

(function()

);

3、元素選擇器:通過標籤名獲取標籤
//定義乙個標籤

載入事件<

/p>

//通過標籤名獲取該標籤

$("p").

click

(function()

);

//選擇 body內的所有div元素.#bfa

$("#btn6").

click

(function()

);//在body內的選擇 元素名是div 的子元素.bfa

$("#btn7").

click

(function()

);//選擇 所有class為adc 的下乙個div元素

$("#btn8").

click

(function()

);//選擇 id為tank的元素後面的所有div兄弟元素.

$("#btn9").

click

(function()

);

//選擇第乙個div元素.

$("#btn10").

click

(function()

);//選擇最後乙個div元素

$("#btn11").

click

(function()

);//選擇class不為adc的 所有div元素.

$("#btn12").

click

(function()

);//選擇索引值為偶數 的div元素.

$("#btn13").

click

(function()

);//選擇索引值為奇數 的div元素.

$("#btn14").

click

(function()

);//選擇索引值等於3的元素.

$("#btn15").

click

(function()

);//選擇索引值大於3的元素

$("#btn16").

click

(function()

);//選擇索引值小於3的元素

$("#btn17").

click

(function()

);//選擇所有的標題元素

$("#btn18").

click

(function()

);//選擇當前正在執行動畫的所有元素

$("#btn19").

click

(function()

);

//選取含有文字「di」的div元素.

$("#btn20").

click

(function()

);//選取不包含子元素(或者文字元素)的div空元素.

$("#btn21").

click

(function()

);//選取含有class為sup元素 的div元素.

$("#btn22").

click

(function()

);//選取含有子元素(或者文字元素)的div元素.

$("#btn23").

click

(function()

);

//選取含有 屬性title 的div元素.

$("#btn24").

click

(function()

);//選取含有 屬性title 的div元素.

$("#btn25").

click

(function()

);//選取 屬性title值等於「top」的div元素.

$("#btn26").

click

(function()

);//選取 屬性title值不等於「top」的div元素(沒有屬性title的也將被選中).

$("#btn26").

click

(function()

);//選取 屬性title值 以「t」開始 的div元素.

$("#btn27").

click

(function()

);//選取 屬性title值 以「id」結束 的div元素.

$("#btn28").

click

(function()

);//選取 屬性title值 含有「t」的div元素.

$("#btn29").

click

(function()

);//組合屬性選擇器,首先選取有屬性id的div元素,然後在結果中 選取屬性title值 含有「op」的元素.

$("#btn30").

click

(function()

);

jQuery 的各種選擇器

this 當前元素 p 所有元素 input 所有input元素 intro 所有 class intro 的元素 p.intro 所有 class intro 的元素 intro id intro 的第乙個元素 ul li ul下的所有li節點 ul li first 每個 的第乙個 元素 hre...

Jquery各種選擇器及作用

過濾選擇器 first last not selector even odd eq index gt index lt index header animated focus 內容過濾選擇器 contains text empty has selector div has p parent 可見性過...

各種選擇器

交集選擇器 p.red 選擇並集選擇器 div,p,span,choose,idname 後代選擇器 div p 選中div下的p標籤 choose p 選中.choose類下的p標籤 子代選擇器 僅限於第一代 choose h3 屬性選擇器 選擇具有某種屬性的標籤 a title 選擇帶title...