jquery篩選元素函式

2021-10-05 18:31:10 字數 2322 閱讀 5694

jquery篩選元素函式

1.過濾

匹配第二個p元素:

$("button").click(function());

匹配第乙個li元素:

$("button").click(function());

匹配最後乙個元素:

$("button").click(function());

檢查匹配的元素是否含有指定的類:

$("button").click(function()

})篩選出與指定表示式匹配的元素集合。用於縮小匹配的範圍:

$(document).ready(function());

});根據選擇器、dom元素或 jquery 物件來檢測匹配元素集合

$(document).ready(function()

});});

篩選出包含指定子元素的元素

$(document).ready(function()

});});

排除能夠被引數中匹配的元素

排除掉有p元素的div:

$(document).ready(function());

});slice()從指定索引開始,擷取指定個數的元素 (擷取區間)

$(document).ready(function());

});p

ppdiv

dpdp1

dp2dd

hello

fuzhi

2.查詢

取得乙個包含匹配的元素集合中每乙個元素的所有子元素的元素集合。

$(document).ready(function());

});closest()從當前元素開始,返回最先匹配到的符合條件的父元素

$(document).ready(function());

});find()從指定元素中查詢子元素

$(document).ready(function());

});next()獲取指定元素的下乙個兄弟元素

$(document).ready(function());

});nextall() 獲取其後的所有兄弟元素(不包括自身)

$(document).ready(function());

});nextuntil()獲取其後的同輩元素,直到引數能匹配上的為止,不包括結束條件那個

$(document).ready(function());

});offsetposition()返回第乙個用於定位的祖先元素,即查詢祖先元素中position為relative或absolute的元素。

$(document).ready(function());

});parent()獲取指定元素的直接父元素

$(document).ready(function());

});parents()獲取指定元素的所有祖先元素,一直到

parentsuntil()查詢當前元素的所有的父輩元素,直到遇到匹配的那個元素為止。

$(document).ready(function());

});prev()獲取指定元素的前乙個兄弟元素

$(document).ready(function());

});prevall()獲取指定元素前面的所有兄弟元素

prevuntil()獲取指定元素前面的所有兄弟元素,直到引數裡的條件能夠匹配到的。 注意引數條件本身不會被匹配

siblings()獲取指定元素的兄弟元素,不分前後

$(document).ready(function());

});pppp

dp定位div

dpdp1 sp

dp2dd

hello

fuzhi

3.串聯

add()將選中的元素新增到jquery物件集合中

$(document).ready(function());

});andself()將自身加到選中的jquery集合中,以方便一次性操作

獲取one類之後所有的兄弟元素,包括自身:

$(document).ready(function());

});end() 將改變當前選擇器選中的操作回退為上乙個狀態。

pp段落的下乙個加上end()回退了,所以匹配的是自己本身:

$(document).ready(function());

});p

ppdp

div

dpdp1 sp

dp2

jquery篩選元素函式

jquery篩選元素函式 1.過濾 匹配第二個p元素 button click function 匹配第乙個li元素 button click function 匹配最後乙個元素 button click function 檢查匹配的元素是否含有指定的類 button click function ...

jQuery 元素篩選

eq 獲取給定索引的元素 功能跟 eq 一樣 first 獲取第乙個元素 功能跟 first 一樣 last 獲取最後乙個元素 功能跟 last 一樣 filter exp 留下匹配的元素 is exp 判斷是否匹配給定的選擇器,只要有乙個匹配就返回,true has exp 返回包含有匹配選擇器的...

jquery 篩選元素 3

addback 新增堆疊中元素集合到當前集合中,乙個選擇性的過濾選擇器。addback selector selector 乙個字串,其中包括乙個選擇器表示式,匹配當前元素集合,不包括在內的元素。li.third item nextall addback css background color r...