jquery 使用 css 選擇器來選取 html 元素。
$("p")
選取元素。
$("p.intro")
選取所有class="intro"
的元素。
$("p#demo")
選取所有id="demo"
的元素。
jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。
$("[href]")
選取所有帶有href
屬性的元素。
$("[href='#']")
選取所有帶有href
值等於#
的元素。
$("[href!='#']")
選取所有帶有href
值不等於#
的元素。
$("[href$='.jpg']")
選取所有href
值以.jpg
結尾的元素。
用空格分隔
$("父元素 子元素 孫元素")
基本選擇器
描 述返 回
示 例說明
#id
根據給定的id
匹配
單個$("#test")
選取id
為test
的元素
.class
根據給定的類名匹配
集合$(".test")
選取所有class
為test
的元素
element
根據給定的元素名匹配
集合$("p")
選取所有的元素
*
匹配所有元素
集合$("*")
選取所有的元素
sel1,sel2,...,seln
將每個選擇器匹配到的元素合併後一起返回
集合$("div,span,p.myclass")
選取所有,
和擁有
class
為myclass
的元素
通過dom元素之間的層次關係來獲取特定的元素,例如後代元素,子元素,相鄰元素和兄弟元素等。
層次選擇器
描 述返 回
示 例說明
$("ancestor descendant")
選取ancestor
元素裡所有descendant
(後代)元素
集合$("div span")
選取下的所有的
元素
$("parent>child")
選取parent
元素下的child
(子)元素
集合$("div>span")
選取元素下元素名是
的子元素
$("prev+next")
選取緊接在prev
元素後的next
元素
集合$(".one+div")
選取class
為one
的下乙個兄弟元素
$("prev~siblings")
選取prev
元素之後的所有siblings
元素
集合$("#two~div")
選取id
為two
的元素後面所有兄弟元素
可以用next()
方法來代替$("prev+next")
選擇器,即$(".one+div")
與$(".one").next("div")
等效。
可以用nextall()
方法來代替$("prev~siblings")
選擇器,即$(".one~div")
與$(".one").nextall("div")
等效。
前端 jQuery選擇器
jquery selectorstitle src script body header container style head jqueryh1 header container heading1 heading oneh1 para1 hellop class heading2 heading...
初識前端 jQuery的選擇器
選擇器方法 說明id選擇器 id屬性值 獲取id屬性為指定值的元素 如果出現同名id屬性,只會獲取第乙個 元素選擇器 標籤名 元素名 獲取指定標籤名的所有元素 類選擇器 class屬性值 獲取class屬性為指定值的所有元素 通用選擇器 獲取頁面中的所有元素 屬性選擇器 屬性名 屬性值 獲取設定過指...
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前,有必要了解一下css 層疊樣式表 技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...