jquery選擇器怎麼寫

jquery是Js的框架，簡化了許多js的寫法，使其變得更為簡單高效，那麼jquery的選擇器，該怎麼寫，下面就寫幾種常用的選擇器供大家參考。

jQuery 選擇器

#jQuery 選擇器可讓您對 HTML 元素群組或單一元素進行操作。

jQuery 選擇器基於元素的 id、類別、類型、屬性、屬性值等"查找"（或選擇）HTML 元素。它是基於已經存在的 CSS 選擇器，除此之外，它還有一些自訂的選擇器。

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

元素選擇器

jQuery 元素選擇器是基於元素名稱選取元素。

在頁面中選取所有

元素:

$("p")

實例

使用者點擊按鈕後，所有

元素都隱藏：

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;p&quot;).hide();
  });
});
</script>



这是一个标题
这是一个段落。
这是另一个段落。
点我

#id ​​選擇器

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

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

透過id 選取元素語法如下：

$("#test")

實例

#當使用者點擊按鈕後，有id="test" 屬性的元素將被隱藏：

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;#test&quot;).hide();
  });
});
</script>



这是一个标题
这是一个段落
这是另外一个段落
点我

.class 選擇器

jQuery 類別選擇器可以透過指定的class 來尋找元素。

語法如下：

$(".test")

實例

使用者點擊按鈕後所有帶有class="test" 屬性的元素都隱藏：

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;.test&quot;).hide();
  });
});
</script>



这是一个标题
这是一个段落。
这是另外一个段落。
点我

以上是jquery選擇器怎麼寫的詳細內容。更多資訊請關注PHP中文網其他相關文章！