jQuery選擇器是一個非常強(qiáng)大的工具,它允許您使用各種方法選擇DOM中的元素。本文將介紹常用的jQuery選擇器和它們的用法,以幫助您輕松選擇DOM元素。
$(document).ready(function(){ // 選擇器代碼在這里 });
上面的代碼是一個典型的jQuery代碼塊,它確保在頁面加載完畢后執(zhí)行。下面是一些常用的選擇器和它們的用法:
元素選擇器
$("p") //選擇所有p元素
ID選擇器
$("#my-id") //選擇id為“my-id”的元素
類選擇器
$(".my-class") //選擇所有class為“my-class”的元素
屬性選擇器
$("[href]") //選擇具有href屬性的所有元素 $("[) //選擇href屬性等于“http://www.example.com”的元素
子元素選擇器
$("ul > li") //選擇所有屬于<ul>的直接子元素<li>
后代元素選擇器
$("ul li") //選擇<ul>中的所有<li>元素,包括嵌套的<li>元素
選擇器的組合使用也很常見。例如,您可以使用元素選擇器和類選擇器來選擇所有類為“my-class”的
元素,如下所示:
$("p.my-class") //選擇所有類為“my-class”的<p>元素
總之,jQuery選擇器提供了一種強(qiáng)大的方式來選擇DOM中的元素,這使得操作DOM變得更加簡單和直觀。