篩選查詢串聯

篩選

eq(index|-index)

first()

last()

hasclass(class)

filter(expr|obj|ele|fn)

is(expr|obj|ele|fn)

map(callback)

has(expr|ele)

not(expr|ele|fn)

slice(start,[end])

主要用於找子元素

$(「ul>li」);

eq(); 獲取子元素裡面的其中某乙個根據索引來獲取

引數：index -index -1 開始

$
("ul>li").
eq(0)
;//等價於$(
"ul>li:first");
$("ul>li:nth-child(1)");
$("ul>li").
eq(-1
)

first() 獲取第乙個子元素

last() 獲取最後乙個子元素

$
("ul>li").
first()
$("ul>li").
last
()

hasclass 根據元素的類名稱來進行過濾

hasclass 是jquery的方法

如果要使用該方法將ele js物件轉化為jquery物件

console.
log($(
"ul>li").
eq(2)
.hasclass
("box"))
;//返回值為 true false
var dom=$(
"ul>li").
filter
(function
(index,ele)
}

filter() 過濾沒有過濾的條件 selector

$
("ul>li").
filter
(".box"
)

is() 判斷當前元素是什麼

is返回值 true/false

$
("ul>li").
filter
(function
(index,ele)})
;$("ul>li").
is($(
".box"
))

map將陣列對映為乙個新集合

jquery 物件集合

也可以把陣列當作元素的遍歷來使用

var newdom=$(
"ul>li").
map(
function
(index,ele)
;//對映完成之後 轉化為array
newdom.
get(
);

map對映兩種使用

1，將乙個集合對映為乙個新的集合

2.map可以作為遍歷來使用

get() 獲取當前索引的物件返回值是js物件

$
("ul>li")[
0]$(
"ul>li").
get(0)
//get(index) 返回js物件 
//eq(index) 返回的是jquery物件

has() 過濾元素把當前需要的過濾出來不需要的去除

引數：可以是選擇器

//指 的是子父關係 保留的是父$(
"ul>li").
has(
".child"
)

slice 引數是start end

console.
log($(
"ul>li").
slice(0
,2))
;

查詢

children([expr])

closest(e|o|e)1.7*

find(e|o|e)

next([expr])

nextall([expr])

nextuntil([e|e][,f])

offsetparent()

parent([expr])

parents([expr])

parentsuntil([e|e][,f])

prev([expr])

prevall([expr])

prevuntil([e|e][,f])

siblings([expr])

children 獲取子元素的獲取所有的子集元素(直接子集)

children 引數expr 選擇器可以作為簡單過濾

$
(".menu").
children
(".box");
$(".menu>li");
$(".menu li"
);

find 查詢

$
(".menu").
find
(".box");
//expr$(
".menu").
find($
(".box"))
;//jquery物件$(
".menu").
find($
(".box").
get(0)
);//ele

next 獲取當前匹配元素的下乙個

nextall 獲取當前匹配元素之後的所有元素

$
(".menu").
find
(".box").
next()
;console.
log($(
".menu").
find
(".box").
next
(".fli"))
;$(".menu").
find
(".box").
nextall()
;$(".menu").
find
(".box").
nextall
(".fli"
);

父級元素獲取

offsetparent() 該方法返回的父元素是定位的

找到第乙個被定位的父節點

parent 獲取直接父元素 parents

$
(".childmenu").
offsetparent()
;$(".childmenu").
parents
(".menu"
);

獲取當前匹配元素之前的元素

prev([expr]) 之前的乙個

prevall([expr]) 之前的所有

prevuntil([e|e][,f])

console.
log($(
".box").
prev()
);//同級元素前乙個

siblings 同胞兄弟元素

$
(".box").
siblings()
;//不帶引數 指獲取所有的同胞兄弟

串聯

add(e|e|h|o[,c])1.9*

addback()1.9+

contents()

end()

add() 給jquery物件新增新的物件

$
("ul>li").
add($(
"p"));
$("ul>li").
add(
"p");$
("ul>li").
eq(1)
.nextall()
.addback()
;

contents 獲取當前元素的所有節點包含文字

$
("ul").
contents()
;

end 方法是回到上一次破壞性修改上一次修改jquery物件

$
("ul").
find
(".box").
end(
);

jQuery篩選與查詢

p eq 0 當前操作中第n個jquery物件,類似索引 li first 第乙個節點 li last 最後乙個節點 this hasclass node 節點是否含有某個特定的類,返回布林值 li has ul 包含特定後代的節點 div children div中的每個子節點,第一層 div f...

sql連線查詢中on篩選與where篩選的區別

sql查詢這個東西，要說它簡單，可以很簡單，通常情況下只需使用增刪查改配合程式語言的邏輯表達能力，就能實現所有功能。但是增刪查改並不能代表sql語句的所有，完整的sql功能會另人望而生畏。就拿比普通增刪查改稍微複雜乙個層次的連線查詢來說,盲目使用,也會出現意料之外的危險結果，導致程式出現莫名其妙的b...

篩選 查詢 串聯

jQuery篩選與查詢

sql連線查詢中on篩選與where篩選的區別

sql連線查詢中on篩選與where篩選的區別

相關推薦

篩選查詢串聯