選擇器方法
說明id選擇器
#id屬性值
獲取id屬性為指定值的元素；如果出現同名id屬性，只會獲取第乙個
元素選擇器
標籤名/元素名
獲取指定標籤名的所有元素
類選擇器
.class屬性值
獲取class屬性為指定值的所有元素
通用選擇器
*獲取頁面中的所有元素
屬性選擇器
$("[屬性名=屬性值]")
獲取設定過指定屬性名為指定值的所有元素
選擇器方法
說明示例
組合選擇器
選擇器1,選擇器2…
獲取指定選擇器的選中的所有元素
$("#id,.class")
後代選擇器
ancestor descendant
選擇id為parent的元素的所有div元素
$("#parent div")
子代選擇器
parent > child
選擇id為parent的直接div子元素
$("#parent>div")
相鄰選擇器
prev + next
選擇css類為blue的下乙個img元素
$(".blue + img")
同輩選擇器
prev ~ sibling
選擇css類為blue的之後的img元素
$(".blue ~ img")
選擇器方法
說明示例
表單選擇器
:input
查詢所有的input元素
$(":input")；注意：會匹配所有的input、textarea、select和button元素。
文字框選擇器
:text
查詢所有文字框
$(":text")
密碼框選擇器
:password
查詢所有密碼框
$(":password")
單選按鈕選擇器
:radio
查詢所有單選按鈕
$(":radio")
核取方塊選擇器
:checkbox
查詢所有核取方塊
$(":checkbox")
提交按鈕選擇器
:submit
查詢所有提交按鈕
$(":submit")
影象域選擇器
:image
查詢所有影象域
$(":image")
重置按鈕選擇器
:reset
查詢所有重置按鈕
$(":reset")
按鈕選擇器
:button
查詢所有按鈕
$(":button")
檔案域選擇器
:file
查詢所有檔案域
$(":file")
方法說明
:checked
獲取被選中的項 （單選框或核取方塊、下拉框）
:selected
獲取被選中的項 （下拉框）
:eq(index)
匹配jquery包裝集中指定下標的乙個元素（返回的是jquery物件）
:gt(index)
匹配大於指定下標的所有元素
:odd
匹配下標是奇數的元素
:even
匹配下標是偶數的元素
前端 jQuery選擇器
jquery selectorstitle src script body header container style head jqueryh1 header container heading1 heading oneh1 para1 hellop class heading2 heading...
前端 jQuery選擇器
jquery 使用 css 選擇器來選取 html 元素。p 選取元素。p.intro 選取所有class intro 的元素。p demo 選取所有id demo 的元素。jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。href 選取所有帶有href屬性的元素。href 選取所有帶...
前端 jQuery選擇器 的實現原理
今天三七互娛技術面試的時候面試官問了我這個問題，當時一臉懵逼，於是好好總結一下。當我們使用jquery選擇器的時候，s 回預設去執行jquery內部封裝好的乙個init的建構函式 每次申明乙個jquery物件的時候，返回的是jquery.prototype.init物件。這個init不是jquery...