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