讀jQuery之九 一些瑕疵說(shuō)明
更新時(shí)間：2011年06月21日 01:03:03 作者：
jQuery1.6.1 發(fā)布有一段時(shí)間了，發(fā)現(xiàn)一些冗余代碼，列出如下
1，bind 方法，最后一個(gè)參數(shù)fn是多余的
// Handle object literals
if ( typeof type === "object" ) {
for ( var key in type ) {
this[ name ](key, data, type[key], fn);
}
return this;
}
2，注釋
// Add which for click: 1 === left; 2 === middle; 3 === right
應(yīng)修改為
// Add which for mousedown/mouseup : 1 === left; 2 === middle; 3 === right
3，data方法，定義了局部變量internalKey，但后續(xù)代碼仍然沿用jQuery.expando。
var internalKey = jQuery.expando, getByName = typeof name === "string", thisCache,
4，jQuery.event.add方法，arguments改為e，apply改為call 更好一些。因?yàn)橹粫?huì)傳一個(gè)參數(shù)：事件對(duì)象。
elemData.handle = eventHandle = function( e ) {
// Discard the second event of a jQuery.event.trigger() and
// when an event is called after a page has unloaded
return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ?
jQuery.event.handle.apply( eventHandle.elem, arguments ) :
undefined;
};
5，基于 “勿重復(fù)檢測(cè)瀏覽器” 原則，jQuery.event.add 以下代碼
if ( elem.addEventListener ) {
elem.addEventListener( type, eventHandle, false );
} else if ( elem.attachEvent ) {
elem.attachEvent( "on" + type, eventHandle );
}
應(yīng)該使用以下來(lái)替換
jQuery.addEvent = document.addEventListener ?
function( elem, type, handle ) {
if ( elem.addEventListener ) {
elem.addEventListener( type, handle, false );
}
} :
function( elem, type, handle ) {
if ( elem.attactEvent ) {
elem.attactEvent( "on" + type, handle );
}
};
事實(shí)上，jQuery中已經(jīng)有了jQuery.removeEvent，卻不知為何沒(méi)有jQuery.addEvent。
復(fù)制代碼 代碼如下:
// Handle object literals
if ( typeof type === "object" ) {
for ( var key in type ) {
this[ name ](key, data, type[key], fn);
}
return this;
}
2，注釋
復(fù)制代碼 代碼如下:
// Add which for click: 1 === left; 2 === middle; 3 === right
應(yīng)修改為
復(fù)制代碼 代碼如下:
// Add which for mousedown/mouseup : 1 === left; 2 === middle; 3 === right
3，data方法，定義了局部變量internalKey，但后續(xù)代碼仍然沿用jQuery.expando。
復(fù)制代碼 代碼如下:
var internalKey = jQuery.expando, getByName = typeof name === "string", thisCache,
4，jQuery.event.add方法，arguments改為e，apply改為call 更好一些。因?yàn)橹粫?huì)傳一個(gè)參數(shù)：事件對(duì)象。
復(fù)制代碼 代碼如下:
elemData.handle = eventHandle = function( e ) {
// Discard the second event of a jQuery.event.trigger() and
// when an event is called after a page has unloaded
return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ?
jQuery.event.handle.apply( eventHandle.elem, arguments ) :
undefined;
};
5，基于 “勿重復(fù)檢測(cè)瀏覽器” 原則，jQuery.event.add 以下代碼
復(fù)制代碼 代碼如下:
if ( elem.addEventListener ) {
elem.addEventListener( type, eventHandle, false );
} else if ( elem.attachEvent ) {
elem.attachEvent( "on" + type, eventHandle );
}
應(yīng)該使用以下來(lái)替換
復(fù)制代碼 代碼如下:
jQuery.addEvent = document.addEventListener ?
function( elem, type, handle ) {
if ( elem.addEventListener ) {
elem.addEventListener( type, handle, false );
}
} :
function( elem, type, handle ) {
if ( elem.attactEvent ) {
elem.attactEvent( "on" + type, handle );
}
};
事實(shí)上，jQuery中已經(jīng)有了jQuery.removeEvent，卻不知為何沒(méi)有jQuery.addEvent。
相關(guān)文章
Bookmarklet實(shí)現(xiàn)啟動(dòng)jQuery(模仿 云輸入法)
最近流行的 sogo云輸入法， QQ云輸入法，都用到了bookmarklet技術(shù)。2010-09-09
jQuery EasyUI開(kāi)發(fā)技巧總結(jié)
這篇文章主要介紹了jQuery EasyUI開(kāi)發(fā)技巧總結(jié)的相關(guān)資料,希望通過(guò)本文大家能夠掌握EasyUI的開(kāi)發(fā)技巧，需要的朋友可以參考下2017-09-09
想必關(guān)注jQuery的同學(xué)們對(duì)jQuery EasyUI已經(jīng)有所耳聞了，目前已經(jīng)更新到1.0.5版本，風(fēng)格與EXTJS有點(diǎn)相似，可以很好的滿足開(kāi)發(fā)人員對(duì)UI的需求。2010-04-04
jquery實(shí)現(xiàn)郵箱自動(dòng)補(bǔ)全功能示例分享
這篇文章主要介紹了jquery實(shí)現(xiàn)郵箱自動(dòng)補(bǔ)全功能，大家參考使用吧2014-02-02
JQuery和html+css實(shí)現(xiàn)帶小圓點(diǎn)和左右按鈕的輪播圖實(shí)例
下面小編就為大家?guī)?lái)一篇JQuery和html+css實(shí)現(xiàn)帶小圓點(diǎn)和左右按鈕的輪播圖實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
jQuery 3.0在日前發(fā)布了最終的全新版本。這篇文章主要介紹了jQuery 3.0十大新特性最終版發(fā)布的相關(guān)資料,需要的朋友可以參考下2016-07-07
最近看了下jQuery的源代碼,其中關(guān)于CSS及className的操作思想確實(shí)很不錯(cuò),值得借鑒,下面這篇文章主要給大家介紹了關(guān)于jQuery操作css方法的超全用法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06![jQuery 判斷是否包含在數(shù)組中Array[]的方法](http://img.jbzj.com/images/xgimg/bcimg7.png)
jQuery 判斷是否包含在數(shù)組中Array[]的方法
下面小編就為大家?guī)?lái)一篇jQuery 判斷是否包含在數(shù)組中Array[]的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
深入理解jquery的$.extend()、$.fn和$.fn.extend()
下面小編就為大家?guī)?lái)一篇深入理解jquery的$.extend()、$.fn和$.fn.extend()。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
雖然現(xiàn)在DIV+CSS進(jìn)行頁(yè)的布局大行其道，但是很多地方使用table還是有很多優(yōu)勢(shì)，用table展示數(shù)據(jù)是比較方便的，下面匯總了jQuery操作Table tr td常用的方法，熟記這些操作技巧，下次再使用的到時(shí)候，會(huì)讓你如魚(yú)得水，提高開(kāi)發(fā)效率2014-04-04