jq的遍歷關係元素方法集合

.children(selector)

下面例子：給level-2的子元素設定border。比較使用children和find

html

<

ul class
="level-1"
>
<
li class
="item-i"
>i
li>
<
li class
="item-ii"
>
ii 
<
ul class
="level-2"
>
<
li class
="item-a"
>a
li>
<
li class
="item-b"
>
b 
<
ul class
="level-3"
>
<
li class
="item-1"
>1
li>
<
li class
="item-2"
>2
li>
<
li class
="item-3"
>3
li>
ul>
li>
<
li class
="item-c"
>c
li>
ul>
li>
<
li class
="item-iii"
>iii
li>
ul>

使用find，非直接子元素的li也設定上了border

如果需要獲得包含文字和注釋節點在內的所有子節點，請使用 .contents()，檢索 dom 樹中的這些元素的直接子節點。

.contents() 方法也可以用於獲得 iframe 的內容文件，前提是該 iframe 與主頁面在同乙個域。

為每個匹配元素規定執行的函式，返回 false 可用於及早停止迴圈

$(selector).each(function(index,element))

引數：選擇器的 index 位置；element，
當前的元素（也可使用 "this" 選擇器）

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

});

index：整數，指示元素的位置（最小為 0），如果是負數，則從集合中的最後乙個元素往回計數。

注：如果無法根據指定的 index 引數找到元素，則該方法構造帶有空集的 jquery 物件，length 屬性為 0。

下面**：為 index 為 2 的 div 新增類，將其變為藍色：

$("body").find("div").eq(2).addclass("blue");

示例：改變所有 div 的顏色，然後向類名為 "middle" 的類新增邊框：

$("div").css("background", "#c8ebcc")

.filter(".middle")
.css("border-color", "red");

示例：返回包含ul的li元素

list item 3

list item 4

$('li').has('ul').css('background-color', 'red');

<

body
>
<
div><
span
>and again
span
>
div>
<
p class
="selected"
>hello again
p>
<
p class
="selected"
>hello again
p>
<
script
>$("
div"
).next(
".selected
").css(
"background", 
"yellow");
script
>
body
>

使用nextall，選中所有

根據選擇器、元素或 jquery 物件來檢測匹配元素集合，如果這些元素中至少有乙個元素匹配給定的引數，則返回 true。

匹配集合中每個元素的同胞，通過選擇器進行篩選是可選的。

<

ul>
<
li>list item 1
li>
<
li>list item 2
li>
<
li class
="third-item"
>list item 3
li>
<
li>list item 4
li>
<
li>list item 5
li>
ul>
$('li.third-item').siblings().css('background-color', 'red');

遍歷集合中的元素

public class collectioneach iterable 介面是collection的父介面 所以可以使用 iterable 介面中的foreach consumer action 方法，該方法接收的引數是乙個函式式介面 當程式呼叫iterable 的foreach遍歷集合元素時，程...

JQ選擇HTML元素的方法

ps 本人親測，阿里雲2核4g5m的伺服器價效比很高，新使用者一塊多一天，老使用者三塊多一天，最高可以買三年，感興趣的可以戳一下 阿里雲折扣伺服器 1 利用標籤名獲取元素 標籤名 2 通過id獲取元素 id name 3 通過 類名獲取元素 classname 4 一次性獲取多個元素 元素名,元素名...

jq 方法函式（淡入淡出，查詢元素，過濾）遍歷

淡入淡出 fadein fadeout fadetoggle fadeto 淡入 fadein speed callback 速度和 函式 函式可以寫匿名函式，或者方法名不加括號。speed 為 slow 或 1000 毫秒數不加引號 淡出 fadeout 同上 交替 fadetoggle 自動切換...