二、篩選器方法
一般我們在宣告乙個jquery物件變數的時候在變數名前面加上$：
從dom物件轉換成jquery物件時需要加：$(dom物件)
一、查詢標籤
基本選擇器
id選擇器：
$
("#id"
)
$
("tagname"
)
$
(".classname"
)
$
("*"
)
$
("#id, .classname, tagname"
)
$
("div.d1"
) 找到div標籤中class類等於d1
x和y可以為任意選擇器：
$(「x y」); // x的所有後代y
$(「x > y」); // x的所有兒子y
$(「x + y」) // 找到所有緊挨在x後面的y
$(「x ~ y」) // x之後所有的兄弟y
基本篩選器
>
1p>
>
2p>
class
="p3"
>
3p>
>
4p>
>
5p>
$(「p:last」) // 最後乙個
$(「p:eq(index)」) // 索引等於index的那個元素
$(「p:even」) // 匹配所有索引值為偶數的元素，從 0 開始計數
$(「p:odd」) // 匹配所有索引值為奇數的元素，從 0 開始計數
$(「p:gt(index)」) // 匹配所有大於給定索引值的元素
$(「p:lt(index)」) // 匹配所有小於給定索引值的元素
$(「p:not(.p3)」) // 移除所有滿足not條件的標籤
class
="p3"
>
>
p3-1p
>
>
p3-2p
>
>
p3-3p
>
>
11111div
>
div>
$(「div:not(:has( p))」) // 找到所有後代中不含p標籤的div標籤;11111>
屬性選擇器
>
使用者名稱 type
="text"
maxlength
="10"
>
lable
>
>
>
足球lable
>
"s1"
type
="checkbox"
>
>
籃球lable
>
"s2"
type
="checkbox"
>
p>
>
密碼 type
="password"
>
lable
>
$(「input[type!=『text』]」) // 型別不等於"text"的input標籤
表單選擇器
$(「input:text」)
$(「input:password」)
$(「input:file」)
$(「input:radio」)
$(「input:checkbox」)
$(「input:submit」)
$(「input:reset」)
$(「input:button」)
表單物件屬性
:enabled // 可用的標籤
:disabled
:checked
:selected // 選中的
"c1"
>
div-c1
"c2"
>
div-c2div
>
"c3"
>
div-c3div
>
"c4"
>
div-c4
"c5"
>
div-c5
"p1"
>
1p>
>
2p>
>
3p>
>
4p>
>
5p>
div>
div>
div>
$("#c2").next()
$("#c2").nextall()
$("#c2").nextuntil("#c4") //不包含查詢的條件；div-c3
$("#c3").prev()
$("#c4").prevall()
$("#c4").prevuntil("#c1") // c3、c2
$
("#p1").
parent()
$("#p1").
parents()
// 查詢當前元素的所有的父輩元素$(
"#p1").
parentsuntil
("#c1"
)// 查詢當前元素的所有的父輩元素，直到遇到匹配的那個元素為止。
$
("#c5").
children()
;// 兒子們$(
"#c2").
siblings()
;// 兄弟們
搜尋所有與指定表示式匹配的元素。這個函式是找出正在處理的元素的後代元素的好方法。
$("div").find("p") //主要用於前面的結果自己是無法控制的，例如是引數傳過來的，後面我們可以用find方法去找我們想要獲取的元素
等價於$("div p")
篩選出與指定表示式匹配的元素集合。這個方法用於縮小匹配的範圍。用逗號分隔多個表示式。
$("div").filter("#p1") // 從結果集中過濾出有c1樣式類的
等價於 $("div #p1")
"p1"
>
1p>
>
2p>
>
3p>
>
4p>
>
5p>
.last() // 獲取匹配的最後乙個元素
.not() // 從匹配元素的集合中刪除與指定表示式匹配的元素
.has() // 保留包含特定後代的元素，去掉那些不含有指定後代的元素。
.eq() // 索引值等於指定值的元素
初學jQuery之選擇器
jquery的選擇器是用於定位html頁面中的元素，其用法最初設計是源於css的選擇其用法，但是jquery的選擇器進行了擴充套件，遠比css的選擇器更加強大。基本選擇去具有以下幾種 1.id選擇器 2.元素選擇器 3.類選擇器 4.萬用字元選擇器 5.組合選擇器 示例 如下 臥龍學苑 前端開發 j...
初學jquery之自學筆記 5
111.用匹配的元素替換掉所有 selector匹配到的元素。paragraph.replaceall p 112.將所有匹配的元素替換成指定的html或dom元素。p replacewith paragraph.113.刪除匹配的元素集合中所有的子節點。p empty 114.從dom中刪除所有匹...
初學jquery之自學筆記 3
63.為所有匹配的元素設定乙個計算的屬性值 img attr title function 64.為所有匹配的元素設定乙個屬性值 65.取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。如果元素沒有相應屬性，則返回undefined img attr src 66...