jQuery通用選擇器是一種非常強大的選擇器,可以用來選擇頁面中的任何元素,包括指定元素類型、類名、屬性值等。這種選擇器使用一些特殊的字符來區分不同的選擇方式,下面就來一一講解。
代碼示例: $(document).ready(function(){ // 選擇所有元素 $("*").css("color", "red"); // 選擇ID為test的元素 $("#test").css("background-color", "yellow"); // 選擇class為demo的元素 $(".demo").css("font-size", "24px"); // 選擇擁有title屬性的元素 $("[title]").css("font-weight", "bold"); // 選擇所有href屬性值包含"javascript"的元素 $("[href*=\'javascript\']").css("text-decoration", "none"); });
以上代碼展示了使用jQuery通用選擇器進行元素選擇的幾種方式。它們的寫法分別為:
$("*")
:選擇頁面中的所有元素,這里使用了通配符。$("#test")
:選擇頁面中ID為test的元素,需要用#符號指定。$(".demo")
:選擇頁面中class為demo的元素,需要用.符號指定。$("[title]")
:選擇所有擁有title屬性的元素,需要用中括號指定屬性名。$("[href*=\'javascript\']")
:選擇所有href屬性值包含"javascript"的元素,需要用中括號指定屬性名和屬性值。
通過這些辦法,你可以選擇到任何需要操作的元素。除了上面展示的幾種方式外,還可以使用其他各種各樣的選擇方式,如子元素選擇器、父元素選擇器、相鄰元素選擇器等等。掌握jQuery通用選擇器,可以讓你在前端開發中事半功倍!