在使用jQuery進行網頁開發時,選擇元素及其子元素是常見的操作。jQuery提供了很多選擇器,可以根據不同的選擇條件來選擇元素。下面介紹一些常用的選擇器:
// 選擇所有p標簽 $("p") // 選擇ID為"text"的元素 $("#text") // 選擇class為"box"的元素 $(".box") // 選擇所有input標簽 $("input") // 選擇所有類型為button的input標簽 $("input[type='button']") // 選擇第一個p標簽 $("p:first") // 選擇最后一個p標簽 $("p:last") // 選擇所有p標簽中含有文本"hello world"的元素 $("p:contains('hello world')") // 選擇所有a標簽中含有屬性href的元素 $("a[href]") // 選擇所有a標簽中href屬性以"http://"開頭的元素 $("a[href^='http://']") // 選擇所有a標簽中href屬性以".jpg"結尾的元素 $("a[href$='.jpg']") // 選擇所有span標簽的父元素 $("span").parent() // 選擇所有div標簽的子元素 $("div").children() // 選擇所有ul標簽的第一個子元素 $("ul").children(":first") // 選擇所有ul標簽中class為"list"的子元素 $("ul").children(".list")
以上是jQuery中常用的一些選擇器,選擇元素及其子元素時,可以根據實際需要選擇最合適的選擇器。同時,此外還有很多其它的選擇器,可以根據官方文檔進行查閱。