資源描述：
《談一談jquery核心架構(gòu)設(shè)計》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。
1、我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí)，了解了黨的發(fā)展歷程，對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進一步的了解談一談jQuery核心架構(gòu)設(shè)計 這篇文章主要和大家談一談jQuery核心架構(gòu)設(shè)計，什么是jQuery核心架構(gòu)設(shè)計，多方面了解jQuery核心架構(gòu)設(shè)計，感興趣的小伙伴們可以參考一下 jQuery對于大家而言并不陌生，因此關(guān)于它是什么以及它的作用，在這里我就不多言了，而本篇文章的目的是想通過對源碼簡單的分析來討論jQuery的核心架構(gòu)設(shè)計，以及jQuery是如何利用javascript中的高級特性來構(gòu)建如此偉
2、大的javascript庫?！ ?初識jQuery 從核心功能來看，jQuery僅僅做了一件簡單而又平凡的事：查詢。它的語法如此簡潔明了，以致于很多人在不知道javascript是什么的時候就已經(jīng)會用jQuery了，用一個詞形容就是：大道至簡。對黨的認識也有了進一步的提高。才真正體會到了中國共產(chǎn)黨的偉大、光榮和正確，更感到只有中國共產(chǎn)黨是全中國最廣大人民利益的忠實代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí)，了解了黨的發(fā)展歷程，對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進一步的了解從設(shè)計層面來看，我們可以將jQuery提
3、供方法分為兩大類：靜態(tài)方法和實例方法。靜態(tài)方法就是直接通過$訪問的方法，這些方法一般不對dom元素操作，而是提供了一些常用的工具，比如ajax請求、以及對字符串的一些常用操作，除此之外，jQuery還提供了對自身的擴展機制，你可以通過extend方法來編寫你需要的組件。而實例方法和靜態(tài)方法不一樣，它是用來對jQuery查詢的DOM元素進行操作，jQuery執(zhí)行$()會構(gòu)建一個jQuery對象，這個對象以數(shù)組的方法存儲查詢出的所有DOM元素，然后在這個對象的原型鏈上實現(xiàn)了對這些DOM操作的方法，比如each()方法就是用來遍歷每一個DOM元素的。你
4、可能會注意到，我剛說這個對象“以數(shù)組的方式”存儲，那就是說，jQuery構(gòu)建的這個對象不是數(shù)組，那這個對象到底是什么？其實這個對象就是jQuery的核心，也被稱作“jQuery對象”。因此，本文的重點就是對jQuery對象進行分析和討論?！ ?jQuery對象 一般情況下，我們會這樣使用jQuery： $('div').each(function(index){ ?//this... }); $('div')執(zhí)行完后回返回一個jQuery對象，each()方法是對這個對象中的DOM元素進行遍歷，我們先看看$('div')的執(zhí)行過程（本文
5、源碼摘自jQuery3.0）： jQuery=function(selector,context){ ?returnnewjQuery.fn.init(selector,context); } 這個方法就是$('div')的入口方法，$是jQuery的簡寫，就相當于jQuery('div')，可以看出，這個方法只做了一件事，那就是返回jQuery.fn.init()函數(shù)的實例對象，那jQuery.fn.init又是什么呢，我們再看下面的代碼： init=jQuery.fn.init=function(selector,對黨的認識也有了進
6、一步的提高。才真正體會到了中國共產(chǎn)黨的偉大、光榮和正確，更感到只有中國共產(chǎn)黨是全中國最廣大人民利益的忠實代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí)，了解了黨的發(fā)展歷程，對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進一步的了解context,root){ ?//...? ?returnthis; } init.prototype=jQuery.fn; jQuery.fn.init和init引用了同一個方法，這個方法根據(jù)selector查詢出符合條件的DOM元素，并返回，可你會發(fā)現(xiàn)，返回的是this，這個this是什
7、么呢？我們待會分析，先看下面的這句話： init.prototype=jQuery.fn; 這句話是什么意思呢，這句話是讓init方法的prototype對象指向了jQuery.fn對象，那jQuery.fn又是什么鬼？我們繼續(xù)看代碼： jQuery.fn=jQuery.prototype={ ?//ThecurrentversionofjQuerybeingused ?jquery:version, ?constructor:jQuery, ?//ThedefaultlengthofajQueryobjectis0 ?lengt
8、h:0, ?//Executeacallbackforeveryelementinthematchedset. ?each:func
