溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了jquery選擇器的寫法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
jQuery 選擇器
jQuery 選擇器允許您對 HTML 元素組或單個元素進行操作。
jQuery 選擇器基于元素的 id、類、類型、屬性、屬性值等"查找"（或選擇）HTML 元素。 它基于已經存在的 CSS 選擇器，除此之外，它還有一些自定義的選擇器。
jQuery 中所有選擇器都以美元符號開頭：$()。
元素選擇器
jQuery 元素選擇器基于元素名選取元素。
在頁面中選取所有 <p> 元素:
$("p")實例
用戶點擊按鈕后，所有 <p> 元素都隱藏：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素選擇器</title> <script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h3>這是一個標題</h3> <p>這是一個段落。</p> <p>這是另一個段落。</p> <button>點我</button> </body> </html>
#id 選擇器
jQuery #id 選擇器通過 HTML 元素的 id 屬性選取指定的元素。
頁面中元素的 id 應該是唯一的，所以您要在頁面中選取唯一的元素需要通過 #id 選擇器。
通過 id 選取元素語法如下：
$("#test")實例
當用戶點擊按鈕后，有 id="test" 屬性的元素將被隱藏：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>#id 選擇器</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});
</script>
</head>
<body>
<h3>這是一個標題</h3>
<p>這是一個段落</p>
<p id="test">這是另外一個段落</p>
<button>點我</button>
</body>
</html>.class 選擇器
jQuery 類選擇器可以通過指定的 class 查找元素。
語法如下：
$(".test")實例
用戶點擊按鈕后所有帶有 class="test" 屬性的元素都隱藏：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>.class 選擇器</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});
</script>
</head>
<body>
<h3 class="test">這是一個標題</h3>
<p class="test">這是一個段落。</p>
<p>這是另外一個段落。</p>
<button>點我</button>
</body>
</html>感謝你能夠認真閱讀完這篇文章，希望小編分享jquery選擇器的寫法內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
