jQuery基礎框架淺入剖析
更新時間：2012年12月27日 17:23:32 作者：
jQuery基礎框架:原型模式結構、返回選擇器實例、訪問原型方法、自執(zhí)行匿名函數(shù)詳細介紹，需要了解的朋友可以參考下
一、原型模式結構
復制代碼 代碼如下:
// 定義一個jQuery構造函數(shù)
var jQuery = function() {
};
// 擴展jQuery原型
jQuery.prototype = {
};
上面是一個原型模式結構，一個jQuery構造函數(shù)和jQuery實例化對象的的原型對象，我們一般是這樣使用的：
復制代碼 代碼如下:
var jq = new jQuery(); //變量jq通過new關鍵字實例化jQuery構造函數(shù)后就可以使用原型對象中的方法，但是jQuery并不是這么使用的
二、返回選擇器實例
復制代碼 代碼如下:
var jQuery = function() {
// 返回選擇器實例
return new jQuery.prototype.init();
};
jQuery.prototype = {
// 選擇器構造函數(shù)
init: function() {
}
};
雖然jQuery不是通過new關鍵字實例化對象,但是執(zhí)行jQuery函數(shù)仍然得到的是一個通過new關鍵字實例化init選擇器的對象,如：
var navCollections = jQuery('.nav'); //變量navCollections保存的是class名為nav的DOM對象集合.
三、訪問原型方法
復制代碼 代碼如下:
var jQuery = function() {
// 返回選擇器實例
return new jQuery.prototype.init();
};
jQuery.prototype = {
// 選擇器構造函數(shù)
init: function() {
},
// 原型方法
toArray: function() {
},
get: function() {
}
};
// 共享原型
jQuery.prototype.init.prototype = jQuery.prototype;
我們一般習慣稱jQuery函數(shù)中返回的選擇器實例對象為jQuery對象，如我們可以這樣使用:
復制代碼 代碼如下:
jQuery.('.nav').toArray(); // 將結果集轉換為數(shù)組
為什么可以使用toArray方法呢? 即如何讓jQuery對象訪問jQuery.prototype對象中的方法?只需將實例化選擇器對象的原型對象共享jQuery.prototype對象，上面體現(xiàn)代碼為：
復制代碼 代碼如下:
jQuery.prototype.init.prototype = jQuery.prototype; // 共享原型
四、自執(zhí)行匿名函數(shù)
復制代碼 代碼如下:
(function(window, undefined) {
var jQuery = function() {
// 返回選擇器實例
return new jQuery.prototype.init();
};
jQuery.prototype = {
// 選擇器構造函數(shù)
init: function() {
},
//原型方法
toArray: function() {
},
get: function() {
}
};
jQuery.prototype.init.prototype = jQuery.prototype;
// 局部變量和函數(shù)在匿名函數(shù)執(zhí)行完后撤銷
var a, b, c;
function fn() {
}
// 使jQuery成為全局變量
window.jQuery = window.$ = jQuery;
})(window);
自執(zhí)行匿名函數(shù)中聲明的局部變量和函數(shù)在匿名函數(shù)執(zhí)行完畢后撤銷，釋放內存，對外只保留jQuery全局變量接口。
來源： http://www.cnblogs.com/yangjunhua/archive/2012/12/27/2835989.html
相關文章
對于javascript事件擴展，所有的lib都差不多。和jquery和prototype,yui和Ext，其要解決的首要問題是兼容性，所有 lib都會對event進行包裹，統(tǒng)一其屬性解決其兼容性。2010-06-06
根據屬性或屬性值獲得元素本文介紹六種不同的情況獲取方法,有需要的朋友可以參考下2013-01-01
這篇文章主要針對jQuery Validate表單驗證為大家進行詳細介紹，通過name屬性來關聯(lián)字段來驗證，改變默認的提示信息，將校驗規(guī)則寫到js代碼中，感興趣的小伙伴們可以參考一下2016-01-01
jquery.fileEveryWhere.js 一個跨瀏覽器的file顯示插件
大牛ppk都說過，在從多表單控件中，上傳文件控件的樣式是最難以控制的。見文章Styling an input type="file"。本插件也多是參考此文2011-10-10
chosen實現(xiàn)省市區(qū)三級聯(lián)動
這篇文章主要為大家詳細 介紹了chosen實現(xiàn)省市區(qū)三級聯(lián)動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
本文主要分享了jQuery實現(xiàn)鼠標跟隨效果的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了jQuery插件開發(fā)的五種形態(tài)小結，具體的內容就是解決javascript插件的8種特征，非常的詳細，這里推薦給小伙伴們。2015-03-03
jquery popupDialog 使用 加載jsp頁面的方法
下面小編就為大家?guī)硪黄猨query popupDialog 使用 加載jsp頁面的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了jquery實現(xiàn)選項卡切換，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
解決 PHP 拼數(shù)據這方面的問題而有了 Smarty 這些模版，JavaScript 也可以利用模版來解決這些問題，比如基于 jQuery 的 jquery.tmpl2014-08-08