jQuery 是一個非常強大、易用的 JavaScript 庫,其中選擇器是 jQuery 的重要組成部分。它們可以幫助我們輕松地從文檔中選擇出我們需要的元素。
jQuery 的選擇器分為以下幾類:
//1. 基本選擇器 $("element") $("#id") $(".class") $(":header") //2. 層級選擇器 $("ancestor descendant") $("parent > child") //3. 過濾選擇器 $(":first") $(":last") $(":even") $(":odd") $(":eq") $(":gt") $(":lt") $(":not") $(":has") //4. 表單選擇器 $(":input") $(":text") $(":password") $(":radio") $(":checkbox") $(":submit") $(":reset") $(":file") $(":image") $(":button") //5. 內容過濾器 $(":contains") $(":empty") $(":has") $(":parent") //6. 可見性過濾器 $(":visible") $(":hidden") //7. 屬性選擇器 $("[attribute]") $("[attribute=value]") $("[attribute!=value]") $("[attribute^=value]") $("[attribute$=value]") $("[attribute*=value]") //8. 表單過濾器 $(":checked") $(":selected") $(":enabled") $(":disabled") $(":focus") //9. 子元素過濾器 $("parent > child") $("parent find child")
每種選擇器都有其各自的優勢,開發者們可以根據自己的需求來選擇最合適的選擇器。同時,多種選擇器的組合也能夠幫助我們更加準確地選取出需要操作的元素,提高開發效率。