jQuery選擇器是jQuery庫提供的一種強大的工具,它通過CSS選擇器的語法,幫助我們在DOM結構中找到想要的元素。
下面是一些基本的使用方法,代碼展示使用pre標簽:
// 選取所有p標簽元素 $('p') // 選取ID為intro的元素 $('#intro') // 選取class為container的元素 $('.container') // 選取所有a標簽中含有class="external"的元素 $('a.external') // 選取第一個p標簽元素 $('p:first') // 選取最后一個p標簽元素 $('p:last')
除了基本的選擇器外,jQuery還提供了一些高級的選擇器方法,如匹配屬性值、匹配子元素等等。
舉個例子:
// 選取所有href屬性值以"http"開頭的a標簽元素 $('a[href^="http"]') // 選取所有擁有class="selected"屬性的li元素 $('li[class="selected"]') // 選取第一個p標簽元素的父元素 $('p:first').parent() // 選取所有擁有class="container"屬性的祖先元素 $('.container').parents()
總而言之,jQuery選擇器提供了一種簡單、快捷、靈活的方法來操作DOM元素,讓前端開發變得更加高效。
上一篇jquery選擇器推薦
下一篇jquery選擇器原理