jQuery 使用手冊(四)
更新時間:2009年09月23日 17:30:44 作者:
jQuery 使用手冊,大家可以耐心的看完,就基本上入門了。
四:JavaScript處理
$.browser() 判斷瀏覽器類型,返回boolen值
$.each(obj, fn) obj為對象或數(shù)組,fn為在obj上依次執(zhí)行的函數(shù),注意區(qū)分$().each()
$.extend(obj, prop) 用第二個對象擴(kuò)展第一個對象
可以用下面函數(shù)來測試
$.grep(array,fn) 通過函數(shù)fn來過濾array,將array中的元素依次傳給fn,fn必須返回一個boolen,如fn返回true,將被過濾
$.merge(first, second) 兩個參數(shù)都是數(shù)組,排出第二個數(shù)組中與第一個相同的,再將兩個數(shù)組合并
$.trim(str) 移出字符串兩端的空格
$.trim(" hello, how are you? ")的結(jié)果是"hello, how are you?"
$.browser() 判斷瀏覽器類型,返回boolen值
$(function(){
if($.browser.msie) {
alert("這是一個IE瀏覽器");}
else if($.browser.opera) {
alert("這是一個opera瀏覽器");}
})
當(dāng)頁面載入式判斷瀏覽器類型,可判斷的類型有msie、mozilla、opera、safariif($.browser.msie) {
alert("這是一個IE瀏覽器");}
else if($.browser.opera) {
alert("這是一個opera瀏覽器");}
})
$.each(obj, fn) obj為對象或數(shù)組,fn為在obj上依次執(zhí)行的函數(shù),注意區(qū)分$().each()
$.each( [0,1,2], function(i){ alert( "Item #" + i + ": " + this ); });
分別將0,1,2為參數(shù),傳入到function(i)中
$.each({ name: "John", lang: "JS" }, function(i){ alert( "Name: " + i + ", Value: " + this );
{ name: "John", lang: "JS" }為一個hash對象,依次將hash中每組對象傳入到函數(shù)中$.extend(obj, prop) 用第二個對象擴(kuò)展第一個對象
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
$.extend(settings, options);
執(zhí)行后settings對象為{ validate: true, limit: 5, name: "bar" }var options = { validate: true, name: "bar" };
$.extend(settings, options);
可以用下面函數(shù)來測試
$(function(){
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
$.extend(settings, options);
$.each(settings, function(i){ alert( i + "=" + this ); });
})
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
$.extend(settings, options);
$.each(settings, function(i){ alert( i + "=" + this ); });
})
$.grep(array,fn) 通過函數(shù)fn來過濾array,將array中的元素依次傳給fn,fn必須返回一個boolen,如fn返回true,將被過濾
$(function(){
var arr= $.grep( [0,1,2,3,4], function(i){ return i > 2; });
$.each(arr, function(i){ alert(i); });
})
我們可以看待執(zhí)行$.grep后數(shù)組[0,1,2,3,4]變成[0,1]var arr= $.grep( [0,1,2,3,4], function(i){ return i > 2; });
$.each(arr, function(i){ alert(i); });
})
$.merge(first, second) 兩個參數(shù)都是數(shù)組,排出第二個數(shù)組中與第一個相同的,再將兩個數(shù)組合并
$(function(){
var arr = $.merge( [0,1,2], [2,3,4] )
$.each(arr, function(i){ alert(i); });
})
可以看出arr的結(jié)果為[0,1,2,3,4]var arr = $.merge( [0,1,2], [2,3,4] )
$.each(arr, function(i){ alert(i); });
})
$.trim(str) 移出字符串兩端的空格
$.trim(" hello, how are you? ")的結(jié)果是"hello, how are you?"
相關(guān)文章
基于jquery的下拉框改變動態(tài)添加和刪除表格實現(xiàn)代碼
以前很少用jquery,現(xiàn)在工作需要,用上了,感覺真的很方便!不用再像以前那樣寫那么多多余的Js了!看來得在jquery上花點功夫呢!2011-03-03jquery焦點圖片切換(數(shù)字標(biāo)注/手動/自動播放/橫向滾動)
焦點圖片切換在網(wǎng)頁制作的商品展示中經(jīng)常會用到,這樣的效果可以給用戶帶來耳目一新的感覺同時也是用戶比較追捧的,本文也實現(xiàn)了一個這樣的焦點圖片切換效果,感興趣的你可以參考下啊,希望本文對你有所幫助2013-01-01JQuery實現(xiàn)倒計時按鈕的實現(xiàn)代碼
頁面中需要實現(xiàn)某個按鈕點擊完后,禁用它,并顯示倒計時。這個默認(rèn)是3秒,代碼很簡單2012-03-03jQuery實現(xiàn)簡單的列表式導(dǎo)航菜單效果代碼
這篇文章主要介紹了jQuery實現(xiàn)簡單的列表式導(dǎo)航菜單效果代碼,涉及jquery操作鼠標(biāo)事件及頁面元素樣式動態(tài)變換的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08在jQuery 1.5中使用deferred對象的代碼(翻譯)
Deferred是jQuery1.5新增的一個特性,很多人把它翻譯成 “異步隊列”,我覺得比較靠譜,畢竟和“延遲”沒啥關(guān)系,不過這篇文章中我還采用deferred這個單詞。2011-03-03