html**
class
="list1"
>
class
="li1"
>
li>
>
li>
>
li>
class
="last"
>
href
="#"
>
111a
>
li>
ul>
class
="list2"
>
class
="first"
>
li>
>
li>
>
li>
>
li>
>
li>
ul>
class
="list3"
>
class
="mid"
>
li>
>
li>
ul>
>
>
values: b
>
p>
>
type
="text"
name
="name"
value
="john"
/>
type
="text"
name
="password"
value
="password"
/>
type
="text"
name
="url"
value
=""/>
form
>
$
('li').
first()
//匹配所有li元素裡面的第乙個$(
'li').
last()
//匹配所有li元素裡面的最後乙個
$
('li').
hasclass
("last")$
('li').
is('last'
)//檢測是否含有last類（is還可以用來各種檢測）
//保留帶有select類的元素$(
'li').
filter
('.last'
)//保留第乙個以及帶有select類的元素$(
'li').
filter
('.last,:first'
)//保留子元素中不含a標籤的元素$(
'li').
filter
(function
(index)
)
$
('p').
($('input').
map(
function()
).get().
join
(','))
//遍歷map(callback)
//has(expr/element) 選擇器字串 and dom元素$(
'ul').
has($(
'.last'))
$('ul').
has(
'.last'
)
// not(expr|ele|fn)$(
'li').
not(
'.last').
not(
'.first'
)//匹配所有li刪除帶有.last和.fisrt
//與原來的slice方法類似$(
'li').
slice(0
,1)
$
('.list1').
children()
//獲取所有子元素$(
'.first').
parent()
//獲取直接父容器$(
'.first').
parents()
//獲取所有父容器$(
'a')
.parentsuntil
('.list1'
)//獲取父容器直到含.list1類的元素
$
('.last').
siblings()
//取得乙個包含匹配的元素集合中每乙個元素的所有唯一同輩元素的元素集合
'.list1').
next()
//查詢當前元素之後乙個同輩元素$(
'.list1').
nextall()
//查詢當前元素之後所有的同輩元素$(
'.last').
prevuntil
('.last'
)//獲取下一級直到.last
//下一級$(
'.list2').
prev()
//查詢當前元素之前乙個同輩元素$(
'.list2').
prevall()
//查詢當前元素之前所有的同輩元素$(
'.last').
prevuntil
('.li1'
)//獲取上一級直到.li1
//上一級
$
('.li1').
add(
'again'
)//新增元素到jquery物件
jQuery的篩選器
首先了解一下 jquery 是乙個前端類庫 方法庫，工具庫 有人把 js 裡面各種 dom 操作都給你封裝好了 獲取 dom 元素 操作元素的 類名 操作元素的 屬性 操作元素的 樣式 元素 動畫 jquery 是乙個類庫 方法庫 jquery 裡面 95 以上都是方法 使用的時候,別忘了寫 jqu...
jQuery的篩選器
1 li 2 li 3 li 4 li li5 5 li 6 li 7 li 8 li ul jquery.min.js script 什麼是jquery的篩選器 在通過選擇器,獲取到標籤物件的基礎上,再來進行篩選,選擇出符合條件的標籤物件 篩選器一定是在選擇器的基礎上使用 為了鏈式程式設計方便 篩...
jquery 篩選方式
eq 篩選指定索引號的元素 first 篩選出第乙個匹配的元素 last 篩選出最後乙個匹配的元素 hasclass 檢查匹配的元素是否含有指定的類 filter 篩選出與指定表示式匹配的元素集合 is 檢查元素是否引數裡能匹配上的 map has 篩選出包含指定子元素的元素 not 排除能夠被引數...