在學習jQuery過程中,選擇器是不可避免的,熟練掌握選擇器是成為優秀前端工程師的必備技能。下面以一些選擇器練習來幫助我們更好地理解選擇器。
// 選取class為box的元素 $(".box") // 選取所有的p元素 $("p") // 選取第一個p元素 $("p:first") // 選取最后一個p元素 $("p:last") // 選取索引為2的p元素,注意索引從0開始計數 $("p:eq(2)") // 選取class為box且是p元素的所有元素 $("p.box") // 選取id為content的直接子元素p $("#content>p") // 選取id為content的所有子元素p $("#content p") // 選取所有的文本輸入框元素 $(":text") // 選取所有的可選中的元素,例如文本框、復選框等 $(":input") // 選取所有的表單元素 $("form :input")
練習中的選擇器涵蓋了一些基本的常用選擇器,當然jQuery選擇器還有很多其他的用法,需要我們在實際項目中不斷實踐和掌握。希望大家能夠通過這些練習來提升自己的選擇器技能。