首頁  >  文章  >  web前端  >  jquery選擇器怎麼寫

jquery選擇器怎麼寫

(*-*)浩
(*-*)浩原創
2019-05-22 17:59:432321瀏覽

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

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" 屬性的元素將被隱藏:




 
#id 选择器 

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



这是一个标题

这是一个段落

这是另外一个段落

.class 選擇器

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

語法如下:

$(".test")

實例

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




 
.class 选择器 

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



这是一个标题

这是一个段落。

这是另外一个段落。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn