右擊頁面，點擊“查看元素”或“查看源碼”就可以查案網(wǎng)頁的html
創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供蓮湖網(wǎng)站建設(shè)、蓮湖做網(wǎng)站、蓮湖網(wǎng)站設(shè)計、蓮湖網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、蓮湖企業(yè)網(wǎng)站模板建站服務(wù)，十余年蓮湖做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
一般scriptjuqery代碼/script標簽包裹的就是寫在頁面上的jQuery代碼
另外還有寫在jQuery文件在頁面通過script src="jquery文件地址"/script這里的地址一般是相對地址，找到相應(yīng)的地址打開文件就可以了
jQuery對象是由其prototype的init構(gòu)造器進行構(gòu)造實例，與prototype無關(guān)，可以抽離出來。
// 最新版本2.1.4
// 73行定義了jQuery構(gòu)造函數(shù)
// Define a local copy of jQuery
jQuery = function( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
// Need init if jQuery is called (just allow error to be thrown if not included)
// 76行 jQuery對象通過prototype下的init方法進行構(gòu)造并返回實例
return new jQuery.fn.init( selector, context );
},
// 92行 代碼告訴我們 jQuery.fn 和 jQuery.prototype 是指向同一對象，也就是說fn是prototype的簡寫
jQuery.fn = jQuery.prototype = {
// The current version of jQuery being used
jquery: version,
// 96行修正constructor屬性指回jQuery。同時jQuery對象雖然是用jQuery.fn.init方法構(gòu)造，但constructor依然修正指向了jQuery，非為jQuery.fn.init，看下方代碼
constructor: jQuery,
// 2735行 定義了jQuery.fn.init構(gòu)造函數(shù)
init = jQuery.fn.init = function( selector, context ) {
// 2835行 使得jQuery.fn.init構(gòu)造函數(shù)的原型和jQuery原型同時指向了同一個對象
// Give the init function the jQuery prototype for later instantiation
init.prototype = jQuery.fn;
// 9202行 而$僅僅只是jQuery對象的一個別名,跟無new構(gòu)造無關(guān)
window.jQuery = window.$ = jQuery;
大概的代碼結(jié)構(gòu)就是這樣子。
jQuery僅僅為了實現(xiàn)無new構(gòu)造，在其原型下創(chuàng)建了init方法(僅充當(dāng)構(gòu)造器)為其構(gòu)造實例對象，init方法的原型和jQuery原型指向了同一個對象（當(dāng)然就成了循環(huán)引用），為后續(xù)的實例方法和實例插件機制打下基礎(chǔ)(如果不指向同一對象寫實例插件將會出現(xiàn)$.fn.init.fn.xxxxx這一幕)，并修正constructor的指向，使得看起來像是由jQuery構(gòu)造器構(gòu)造。
$只是jQuery對象的別名， $ === jQuery 是成立的，并且因為使用new操作符的時候 ( new jQuery() ) 和 jQuery() 的 reutrn 值會覆蓋new操作符生成的實例，所以 jQuery() 和 new jQuery () 的結(jié)果也是一樣的。
而題主示例是
1、 $是實現(xiàn)jQuery無new構(gòu)造的方法
2、 $ !== jQuery
3、 jQuery() 和 new jQuery的結(jié)果是不同的
[img]依讀了2周jQuery源碼的人感覺來說，完全理解jQuery，就拿jQuery 1.11這個版本10337行代碼來說，水平已經(jīng)很不錯了。謙虛點說，已經(jīng)入門。驕傲點，國內(nèi)領(lǐng)先水平。但其碼我感覺是js架構(gòu)之路起行的第一步，完全理解源碼，說明有獨立構(gòu)建或組織大型web前端框架的能力和基礎(chǔ)。然后看看完全理解jQuery是一個怎么樣的狀態(tài)。
看下面幾個鏈接就明白了：
RubyLouvre/avalon · GitHub
artDialog
aui/artDialog · GitHub(后來的新版代碼有所改變)
沒錯，這兩個里邊，就是在繼承jquery的基礎(chǔ)上做了自己的創(chuàng)新嘗試。
然后在看下面這位：
[原創(chuàng)] jQuery1.6.1源碼分析系列（停止更新）
是唯一出過jquery源碼分析書的一位：
《jQuery技術(shù)內(nèi)幕：深入解析jQuery架構(gòu)設(shè)計與實現(xiàn)原理》(高云)【摘要 書評 試讀】
然后在看這位：
jQuery 2.0.3 源碼分析系列
是目前一直在更新的一位，通俗有深度且版本比較新。
在說一下我2周閱讀jquery源碼的心得，初看源碼寫的惡心，再看寫的不錯，細看寫的真是精妙。然后今天在看ext 4.2的源碼，真是流暢易讀?；緛碚f，看懂jQuery源碼，以后的源碼學(xué)習(xí)之路可以說，平坦。
然后說是不是高手，高手只是一個自我定位的心理暗示，是一種人格魅力的體現(xiàn)，是業(yè)務(wù)與技術(shù)的完美結(jié)合。個人感覺只能無限的接近，不能在有限的生命里邊到達。我們在通往目的地過程中享受一路的風(fēng)景，這才是生命的意義。
然后在說前端，前端的核心是js，外圍打醬油的技術(shù)太多，不一一列舉。
css就像一瓶酒，得品。
html,css總共就那些標簽跟選擇器屬性什么的，但是要寫一個有擴展性，健壯性或維護性的頁面不容易?，F(xiàn)在寫頁面基本條件反射，不是如何快速的完成，而是思考如果有前端界面需求修改，怎么在修改代碼最少的情況下完成整體需求任務(wù)。
js就像一把劍，得磨。
js剛開始只是為了較驗，隨便技術(shù)社會的發(fā)展，承擔(dān)的角色越來越重，剛開始玩玩jQuery感覺已經(jīng)會js了，其實只是冰山一角。隨著對js的了解越來越多，他即變態(tài)又可愛，即好玩又難控，即有很多兼容問題，但解決兼容是我們基本生存之道。
人生就是一場夢，得作。
技術(shù)只是生活的一部分，曾經(jīng)雄心斗志，如今低頭寫碼。改變能改變的，接受不能改變的。人生有限，兄爭朝夕啊。
最后說，什么時候能閱讀jQuery源碼，我感覺其碼是純js編碼一年以上，js基礎(chǔ)知識沒有盲點。閱讀源碼，確實能學(xué)到很多東西。不只是技術(shù)，而是一種生活的態(tài)度。一種把一件事情做到極致的態(tài)度
quickExpr應(yīng)該是個二義正則。前半段是:
^[^]*([\w\W]+)[^]*$:我猜測意思是一個簡單的標簽。如$('divnew Div/div')匹配的用法。
后半段是:
^#([\w-]+)$:這個顯然就是id選擇器。-getElementById
注意兩個正則用了|來分隔二義,所以你這里的匹配不成功是正常的。
jquery應(yīng)該是根據(jù)這個quickExpr來判斷
if(match[1]) createNewfragment();....
else if(match[2]) getElementById();
當(dāng)然這只是個人猜測,沒有細讀jquery源碼。僅做參考
!--?三級操蛋導(dǎo)航?--
div?class="nav_left"
div?class="nav_leftlist"
h2b/b用戶系統(tǒng)/h2
dl
dtb/b用戶管理/dt
dd
a?class="cur"?href=""商戶信息b/b/a
a?href=""用戶信息b/b/a
/dd
/dl
/div
div?class="nav_leftlist"
h2b/b財務(wù)系統(tǒng)/h2
dl
dtb/b系統(tǒng)賬務(wù)/dt
dd
a?href=""平臺賬單b/b/a
a?href=""賬單明細b/b/a
/dd
/dl
dl
dtb/b商戶賬務(wù)/dt
dd
a?href=""商戶賬單b/b/a
a?href=""提現(xiàn)管理b/b/a
/dd
/dl
dl
dtb/b用戶賬務(wù)/dt
dd
a?href=""用戶賬單b/b/a
a?href=""提現(xiàn)管理b/b/a
/dd
/dl
/div
/div
style
.nav_left{background:?#232b35;height:?100%;width:?220px;min-height:?600px;position:?fixed;top:?100px;left:?0;}
.nav_leftlist{}
.nav_leftlist?h2{height:?50px;line-height:?50px;padding-left:?40px;font-size:?16px;background:?#3b444f;color:?#999999;position:?relative;cursor:?pointer;}
.nav_leftlist?h2?b{position:?absolute;top:?20px;left:?13px;width:?16px;height:?9px;background:?url(../images/icon04.png)?no-repeat;background-position:?0?0;cursor:?pointer;}
.nav_leftlist?h2?b.cur{background-position:?-16px?0;}
.nav_leftlist?dl{}
.nav_leftlist?dl?dt{height:?50px;line-height:?50px;background:?#2c3643;font-size:?16px;color:?#ffffff;padding-left:?60px;position:?relative;cursor:?pointer;}
.nav_leftlist?dl?dt?b{position:?absolute;top:?20px;left:?34px;width:?16px;height:?9px;background:?url(../images/icon04.png)?no-repeat;background-position:?0?-10px;}
.nav_leftlist?dl?dt?b.cur{background-position:?-16px?-10px;}
.nav_leftlist?dl?dd{}
.nav_leftlist?dl?dd?a{display:?block;height:?50px;line-height:?50px;color:?#fff;padding-left:?80px;font-size:?16px;position:?relative;}
.nav_leftlist?dl?dd?a.cur{color:?#ee581c;}
.nav_leftlist?dl?dd?a.cur?b{display:?block;position:?absolute;top:?16px;right:?-1px;width:?11px;height:?18px;background:?url(../images/icon04.png)?no-repeat;background-position:?0?-20px;}
/style
/body
script?type="text/javascript"?src="../js/jquery.js"?/script
script?type="text/javascript"?
$(function(){
$('.nav_leftlist').on('click',?'h2',?function(event)?{
$(this).siblings('dl').toggle();
if($(this).siblings('dl').css('display')=='none'){
$(this).find('b').addClass('cur');
}else{
$(this).find('b').removeClass('cur');
}
});
$('.nav_leftlist').on('click',?'dl?dt',?function(event)?{
$(this).siblings('dd').toggle();
if($(this).siblings('dd').css('display')=='none'){
$(this).find('b').addClass('cur');
}else{
$(this).find('b').removeClass('cur');
}
});
})
/script
效果圖：
1. jQuery 里面有很多東西是出于兼容性，歷史遺留。
比如 .ready() 之類的函數(shù)，為什么會很scroll 有關(guān)，那是為了兼容某些ie。這種代碼對于編程思想來說不僅沒用，而且是雜音，你要篩選出來就得了解這段代碼的變動，費心費力得不償失。
2. jQuery 里面的代碼不一定是最優(yōu)的，例如事件委托，每一次事件觸發(fā)都要調(diào)用選擇器，實際上是效率很低的。但是我又比較懶，沒有提交patch。
3. jQuery 實際上很容易寫出來一個 barebone alternative，在使用的過程中多想，多思考多總結(jié)就可以了。
4. jQuery 這類框架里真正有思維挑戰(zhàn)性的東西不多，一半以上是堆代碼而已，剩下的一點價值在于架構(gòu)、抽象、擴展能力。
5. 我有一句話與所有的同行分享：工程師讓需求成為現(xiàn)實，優(yōu)秀工程師化復(fù)雜為簡單，頂尖工程師變不可能為可能；架構(gòu)師掌握現(xiàn)在，優(yōu)秀架構(gòu)師展望未來，頂尖架構(gòu)師創(chuàng)造時代。
jQuery 的設(shè)計目的是，讓前端工程師的工作更簡單更輕松，但它并不適合所有的前端工程師，假如你的目標是成為優(yōu)秀架構(gòu)師、頂尖架構(gòu)師的話，你在jQuery里也看不清未來。
重慶分公司
重慶分公司
