jquery提供了一種簡(jiǎn)潔靈活的方式來(lái)選擇HTML元素,即:選擇器。通過(guò)選擇器,可以根據(jù)需求選擇HTML元素,并對(duì)它們進(jìn)行操作。
下面介紹幾種常用的jquery選擇器。
$(document).ready(function(){ // 選擇所有元素 $("p").hide(); // 選擇id為"myId"的元素 $("#myId").css("color", "red"); // 選擇class為"myClass"的元素 $(".myClass").addClass("newClass"); // 選擇type為"submit"的元素 $(":submit").click(function(){ alert("Clicked!"); }); });
通過(guò)選擇器可以快速找到對(duì)應(yīng)的元素,同時(shí)也可以組合使用選擇器。例如:
$(document).ready(function(){ // 選擇所有元素,同時(shí)class為"myClass"的
元素不隱藏 $("p:not('.myClass')").hide(); });
除了常用的基本選擇器以外,還有一些其他的選擇器,比如::first
、:last
、:even
、:odd
等等,可以根據(jù)實(shí)際需求選擇細(xì)分的元素。
總之,jquery選擇器是一種非常便捷的方式來(lái)選擇HTML元素,可以減少代碼量,提高開發(fā)效率。