jQuery技巧總結 4

10、幾個實用特效功能

其中toggle()和slidetoggle()方法提供了狀態切換功能。

如toggle()方法包括了hide()和show()方法。

slidetoggle()方法包括了slidedown()和slideup方法。

11、幾個有用的jquery方法

$.browser.瀏覽器型別：檢測瀏覽器型別。有效引數：safari, opera, msie, mozilla。如檢測是否ie：$.browser.isie，是ie瀏覽器則返回true。

$.each(obj, fn)：通用的迭代函式。可用於近似地迭代物件和陣列（代替迴圈）。

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

等價於：

var temparr=[0,1,2];

for(var i=0;i

也可以處理json資料，如

$.each( , function(i, n));

結果為：

name:name, value:john

name:lang, value:js

$.extend(target,prop1,propn)：用乙個或多個其他物件來擴充套件乙個物件，返回這個被擴充套件的物件。這是jquery實現的繼承方式。

如：$.extend(settings, options);

//合併settings和options，並將合併結果返回settings中，相當於options繼承setting並將繼承結果儲存在setting中。

var settings = $.extend({}, defaults, options);

//合併defaults和options，並將合併結果返回到setting中而不覆蓋default內容。

可以有多個引數（合併多項並返回）

$.map(array, fn)：陣列對映。把乙個陣列中的專案(處理轉換後)儲存到到另乙個新陣列中，並返回生成的新陣列。

如：var temparr=$.map( [0,1,2], function(i));

temparr內容為：[4,5,6]

var temparr=$.map( [0,1,2], function(i));

temparr內容為：[2,3]

$.merge(arr1,arr2):合併兩個陣列並刪除其中重複的專案。

如：$.merge( [0,1,2], [2,3,4] ) //返回[0,1,2,3,4]

$.trim(str)：刪除字串兩端的空白字元。

如：$.trim(" hello, how are you? "); //返回"hello,how are you? "

12、解決自定義方法或其他類庫與jquery的衝突

很多時候我們自己定義了$(id)方法來獲取乙個元素，或者其他的一些js類庫如prototype也都定義了$方法，如果同時把這些內容放在一起就會引起變數方法定義衝突，jquery對此專門提供了方法用於解決此問題。

使用jquery中的jquery.noconflict();方法即可把變數$的控制權讓渡給第乙個實現它的那個庫或之前自定義的$方法。之後應用 jquery的時候只要將所有的$換成jquery即可，如原來引用物件方法$("#msg")改為jquery("#msg")。

如：jquery.noconflict();

// 開始使用jquery

jquery("div p").hide();

// 使用其他庫的 $()

$("content").style.display = 'none';

本文附件

經典論壇討論：

jQuery技巧總結 4

jQuery技巧總結二

jQuery開發技巧

jQuery應用技巧

jQuery技巧總結 4

jQuery技巧總結 二

jQuery開發技巧

jQuery應用技巧

相關推薦

jQuery技巧總結二