JQuery是一個高效的JavaScript庫,它能夠簡化許多常見的JavaScript任務。其選擇器是JQuery最強大和常用的部分之一。通過選擇器,您可以選擇或查找指定的元素,并對它們應用所需的事件。
$(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); });
上面的代碼段是在按鈕單擊事件時隱藏所有段落的示例。首先,通過選擇器選擇所有按鈕元素并使用.click()方法附加click事件,然后通過選擇器選擇所有段落元素,使用.hide()方法隱藏它們。
以下是常見的選擇器類型:
$("element") // 選擇指定元素 $("#id") // 根據ID選擇元素 $(".class") // 根據類名選擇元素 $("element,element,...") // 多元素選擇器 $("parent > child") // 選中父元素下的子元素 $("prev + next") // 選中指定元素之后的緊鄰元素 $("prev ~ siblings") // 選中指定元素后的全部兄弟元素 $(":input") // 選擇所有輸入元素 $(":text") // 選擇所有文本輸入元素 $(":radio") // 選擇所有單選按鈕 $(":checked") // 選擇所有被選中的元素
選擇器可以幫助您輕松地選擇和操縱元素。通過選擇器和事件,您可以輕松地創建交互豐富的Web應用程序。學習選擇器和事件將大大提高Web開發的效率。