jQuery 鉗子|選擇器

image.png

jQuery有個各種各樣的鉗子（選擇器），可以夾不同的零件。

jQuery 鉗子（選擇器）有 id、類、類型、屬性、屬性值等"查找"（或選擇）HTML 元素。 它基于已經存在的，除此之外，它還有一些自定義的選擇器。

jQuery 選擇器允許您對 HTML 元素組或單個元素進行操作。

jQuery 中所有選擇器都以美元符号開頭：$()。

jQuery 元素選擇器基于元素名選取元素。

在頁面中選取所有 <p> 元素:

$("p")

執行個體使用者點選按鈕後，所有 <p> 元素都隐藏：

$(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); <a href="https://link.jianshu.com?t=http%3A%2F%2Fwww.runoob.com%2Ftry%2Ftry.php%3Ffilename%3Dtryjquery_hide_p" target="_blank">測試</a>

jQuery #id 選擇器通過 HTML 元素的 id 屬性選取指定的元素。

頁面中元素的 id 應該是唯一的，是以您要在頁面中選取唯一的元素需要通過 #id 選擇器。

通過 id 選取元素文法如下： $("#test")

執行個體 當使用者點選按鈕後，有 id="test" 屬性的元素将被隐藏：

執行個體 $("#test").hide(); <a href="https://link.jianshu.com?t=http%3A%2F%2Fwww.runoob.com%2Ftry%2Ftry.php%3Ffilename%3Dtryjquery_hide_id" target="_blank">測試</a>

jQuery 類選擇器可以通過指定的 class 查找元素。

文法如下：

$(".test")

執行個體使用者點選按鈕後所有帶有 class="test" 屬性的元素都隐藏：

$(".test").hide();

| $("tr:odd") | 選取奇數位置的 &lt;tr&gt; 元素 |