JQuery是一種廣泛使用的JavaScript庫,它簡化了在HTML文檔中搜索和處理元素的過程。本文將介紹jQuery選擇器,教你如何使用它來精確選擇文檔中的元素。
$(selector)
jQuery選擇器是一個基于CSS選擇器的字符串,用于選擇一個或多個DOM元素以操作它們。當使用$(selector)時,jQuery會搜索HTML文檔,并返回與選擇器匹配的元素。選擇的元素可以是文檔中的任何HTML元素,如p、a、img或div。
以下是一些基本的jQuery選擇符,可用于選擇常見的HTML元素:
- id選擇器:使用#號選擇id,例如$("#myId")。
- class選擇器:使用.號選擇class,例如$(".myClass")。
- 元素選擇器:選擇元素的名稱,例如$("p")。
- 屬性選擇器:選擇具有指定屬性的元素,例如$("[name='myName']")。
$("#myId").click(function(){ $("p").hide(); });
以上代碼將綁定到具有id“myId”的按鈕的click事件。當單擊按鈕時,所有的p元素都將被隱藏。這是使用jQuery選擇器和內置函數hide()來完成的。
通過選擇器,jQuery可以輕松選擇文檔中的任何元素,使JavaScript代碼變得更加簡潔和可讀。
上一篇jquery選擇器父類
下一篇jquery選擇器是變量