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