jquery常用的方法2

2021-06-08 13:20:10 字數 2343 閱讀 9138

3)prepend(content) 向每個匹配的元素內部前置內容。

ex:

html**:

i would like to say;

jquery**:

$("p").prepend("hello");

結果:[helloi would like to say:

]4)pretendto(content)實際上,使用這個方法是顛倒了常規的$(a).prepend(b)的操作,即不是把b前置到a中,而是把a前置到b中。

html**:i would like to say:

jquery**:$("p").prependto("#foo");

結果:i would like to say:

*            陣列和字串                       *

12、利用陣列在列表中顯示文字:

1)分隔符「 , 」 隔開 $("p").text(members.join(","));

2) html 分行顯示:  $("p").html(members.join("

13.$.map(array,callback)  --- 對陣列進行操作,返回乙個嶄新的陣列

$.map(array,function(n,i))  ---             i->index           n-->value

14、jquery.grep(array, callback, [invert])

jquery **:

$.grep( [0,1,2], function(n,i));

結果:【1,2】

15、對陣列元素進行排序

1)字串

var members = ["john","steven","ben","ann","ian"];

$("p.allmen").html(members.join("

"));

members = members.sort();

$("p.sorted").html(members.join("

"));

以上sort()方法是按照字母順序為字串陣列排序,此方法是基於ascii值進行排序,所以最好統一名字的形式,也就是說,要麼都以大寫開頭,要麼都以小寫開頭,不要混淆。

2)數值陣列排序

var members = [9,21,4,55,61];

$("p.allmen").html(members.join("

"));

members = members.sort(function(a,b));

$("p.sorted").html(members.join("

"));

為了正確的對數值進行排序,必須為sort()方法定義乙個比較函式。如果定義了比較函式,將把陣列中的一對值傳送到比較函式中進行比較,重複這一操作,直到吧陣列的所有元素處理完畢。

16、subarray = mainarray.splice(m,n )拆分陣列----  將陣列從m的元素開始刪除n個元素後取得的陣列

subarray是已經刪除的元素

而刪除後剩下的元素就留在了mainarray中

例子:

效果如右圖所示:

17、合併陣列 concat ---

結果:9214

55123

18、把數值陣列轉換為字串,並查詢其子字串

結果:9214

55921455

92119、建立物件陣列

$(document).ready(function(),,

];//按數字排序(公升序)倒序return b-a

/* students = students.sort(function(a,b));

*///按字串排序

students = students.sort(function(a,b)

return 0;

});   $.each(students,function(index,value));

});

jQuery常用方法合集 2

val方法 val方法用於設定和獲取表單元素的值,例如input textarea的值 設定值 name val 張三 獲取值 name val html方法與text方法 html方法相當於innerhtml text方法相當於innertext 設定內容 div html 這是一段內容 獲取內容...

jQuery 常用方法2(持續更新)

5.fadein fadeout fadetoggle fadeto fadein 用於淡入已隱藏的元素。fadeout 方法用於淡出可見元素。fadetoggle 方法可以在 fadein 與 fadeout 方法之間進行切換。如果元素已淡出,則 fadetoggle 會向元素新增淡入效果。如果元...

jquery的常用方法

attribute p addclass css中定義的樣式型別 給某個元素新增樣式 img attr 給某個元素新增屬性 值,引數是map img attr src test.jpg 給某個元素新增屬性 值 img attr title function return domele this do...