jQuery 入門教程 三 Selectors

2022-08-29 02:27:08 字數 1203 閱讀 2509

jquery selector 是jquery庫中非常重要的乙個組成部分。

jquery selector 用來選擇某個html元素，其基本語句和css的選擇器（selector）是一樣的，所有jquery selector 都是以$()開始。

選擇某個html元素的方法是直接使用該元素的標記名稱，比如選擇所有元素

$("p")
下面的例子當使用者點選乙個按鈕時，隱藏所有的元素

$(document).ready(function());


});
jquery #id 選擇器用來選擇定義了id 屬性的元素，網頁上元素的id應保證是唯一的，你可以使用id來選擇單個唯一的元素。

比如下面的例子，當點選按鈕時，只會隱藏id為test 的元素。



this is a paragraph.


this is another paragraph.


click me
jquery .class 選擇器選擇所有定義了class屬性為制定值的所有元素，比如下面的例子 隱藏所有類名稱為test的元素：



this is a paragraph.


this is another paragraph.


click me

語法說明

$(「*」)

選擇所以元素

$(this)

選擇當前元素

$(「p.intro」)

選項所有class=intro的p元素

$(「p:first」)

選擇第乙個p元素

$(「ul li:first」)

選擇第乙個元素的第乙個元素

$(「ul li:first-child」)

選擇每個的第乙個 元素

$(「[href]「)

選擇所有帶href的元素

$(「a[target='_blank']「)

選擇所有target=_blank的a元素

$(「a[target!='_blank']「)

選擇所有target！=_blank的a元素

$(「:button」)

選擇所有button元素及input型別為button的元素

$(「tr:even」)

選擇所有偶數行元素

$(「tr:odd」)

選擇所有單數行元素

OpenGL 入門教程 三

opengl 入門教程 三 本文源自 如果使用aux glut vcl則可免去這一步。如果在視窗系統中使用opengl則必須給視窗加上ws clipchildren和 ws clipsiblings兩個屬性，否則只能得到黑屏。注 只在mdi應用中需要這樣做。在bcb中可在任何視窗控制項的create...

jQuery 入門教程 12 HTML Get

jquery庫包含了很多用來改變和操作html元素及其屬性的方法。其中乙個非常重要的部分就是jquery可以用來操作dom。本篇介紹使用jquery來取得dom節點元素的值或屬性。其中三個簡單而有用的方法如下 例如，下面 使用html 和text 方法取得html元素的內容 btn1 click f...

jQuery 入門教程 12 HTML Get

jquery庫包含了很多用來改變和操作html元素及其屬性的方法。其中乙個非常重要的部分就是jquery可以用來操作dom。本篇介紹使用jquery來取得dom節點元素的值或屬性。其中三個簡單而有用的方法如下 例如，下面 使用html 和text 方法取得html元素的內容 btn1 click f...