jquery中的遍歷 獲取 合併 陣列方法

2021-10-08 17:46:40 字數 2807 閱讀 7478

1.對元素進行遍歷

$

("ul>li").

each

(function

(index)

);

2.通過索引獲取元素

console.

log($(

"ul>li").

get(1)

);//eq

//index() 方法不加引數 獲取當前元素的索引 集合預設獲取第乙個

console.

log($(

"ul>li").

eq(1)

.index()

);console.

log($(

"ul>li").

index($

("ul>li").

eq(3)

)); console.

log($(

"ul>li").

index($

("ul>li").

eq(2)

[0])

);$(

"button").

data

("key-v"

,"123");

console.

log($(

"button").

data

("key-v"))

;$("button").

removedata

("key-v");

console.

log($(

"button").

data

("key-v"))

;

3.獲取到原始的選擇器

* 獲取到原始的選擇器    selector

**/console.

log($(

"ul>li"

).selector)

; console.

log($(

"ul>li"

).context)

;//document

4.擴充套件的方法

$.

extend(,

isarrayto:

function()

});//$.extend 擴充套件的方法 使用 直接$點

$.isnumber()

;/** 擴充套件到jquery上

* */

$.fn.

extend(}

);

5.合併物件

$

("ul>li").

mymap()

;/** 合併物件

* */

var a=

var b=

console.

log(object.

assign

(, a, b));

console.

log($.

extend

(, a, b)

);

6.將類陣列轉化為陣列

console.

log($(

"li"))

; console.

log($.

makearray($

("li"))

);console.

log($.

map($(

"li"),

function

(ele, index)))

;

7.陣列裡查詢

console.

log($.

inarray(5

,[1,

2,3]

));//找到 返回索引 沒有返回-1

console.

log($.

inarray($

("li").

eq(1)

[0],

$("li"))

);console.

log($(

"li").

toarray()

);//沾化陣列

var obj=

}/* $("ul").click($.proxy(obj.a,obj));*/

function

bok()$

("ul").

click

($.proxy

(window.b,window));

console.

log($.

proxy

(obj.a,obj));

console.

log($.

isarray(1

));//檢測是否是陣列

console.

log($.

isfunction

(bok));

//檢測是否是函式

console.

log($.

isemptyobject()

);console.

log($.

isemptyobject

(obj));

console.

log($.

trim

(" a b c d "

).length)

; console.

log(

" a b c d "

.trim()

.length)

;

jQuery中的遍歷

遍歷 語法 jq物件.each funnction index,item 語法 each 被遍歷的陣列,function index,item let lis li lis.each function index,item 演示二 let lis li each lis,function index...

JS和jQuery中ul li遍歷獲取對應的下角標

首先先看 html 部分 對應的js的 部分 var list document.getelementsbytagname li for var i 0 i list.length i 上面當我們在ul li遍歷時,點選每乙個li標籤,往往取不到對應的下角標,在控制台列印出來的都是最後乙個的值6。為...

jQuery中的遍歷後代方法

1 jquery children 方法 children 方法會返回被選擇的元素的全部最直接的子元素,即只會返回 被選擇的元素的下一級元素 例子一 返回全部 div 元素的全部最直接的子元素 function 或者使用可以選擇的引數對子元素進行查詢 例子二 返回類名字為 btn 的所有的 butt...