jQuery是一款優秀的JavaScript框架,它的核心是選擇器,而其中最重要的選擇器就是$(》),它的作用是選取符合條件的HTML元素。
// 以id選擇器為例,選取id為box的元素 $("#box")
除了id選擇器,還有其他選擇器,如class、標簽、屬性等。
// 以class選擇器為例,選取class為box的元素 $(".box") // 以標簽選擇器為例,選取所有的p元素 $("p") // 以屬性選擇器為例,選取所有data-img屬性為true的元素 $("[data-img='true']")
除了基本的選擇器外,還有過濾器,可以對選中的元素進行二次篩選。
// 過濾器 :first選取第一個元素 $("p:first") // 過濾器 :last選取最后一個元素 $("p:last") // 過濾器 :even選取序號為偶數的元素 $("p:even") // 過濾器 :odd選取序號為奇數的元素 $("p:odd")
這些只是jQuery選擇器的簡單用法,它還可以進行鏈式操作、事件綁定等,是前端開發中必不可少的工具之一。