在jquery中,類別選擇器只有一種,用於選取指定class屬性值的元素,並對該元素進行各種操作;語法“$(".類別名稱")”,類別名稱(即class屬性的值)前面必須加上前綴英文句號“.”,否則該選擇器無法生效。
本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
在jquery中,類別選擇器只有一種。
類別選擇器又稱為“class 選擇器”,用於選取指定class屬性值的元素。
我們可以對「相同的元素」或「不同的元素」定義一個相同的class,然後針對這個class的元素進行各種操作。
語法:
$(".类名")
類別名稱(即class屬性的值)前面必須加上前綴英文句號.
,否則該選擇器無法生效。類別名稱前面加上英文句號.
,表示這是一個 class 選擇器。
範例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function() { $(".lv").css("color", "red"); }) </script> </head> <body> <div>PHP中文网</div> <p class="lv">PHP中文网</p> <span class="lv">PHP中文网</span> <div>PHP中文网</div> </body> </html>
$(".lv").css("color","red")
表示選中class="lv"
的所有元素,然後定義這些元素的顏色為紅色。
【推薦學習:jQuery影片教學、web前端入門教學】
以上是jquery有幾種類選擇器的詳細內容。更多資訊請關注PHP中文網其他相關文章!