【三十九】jQuery

你可能聽說過jQuery吃挑,它的名字起得很土船万,但卻是JavaScript世界中使用最廣泛的一個庫。
江湖傳言啸盏,全世界大概有80~90%的網(wǎng)站直接或間接地使用了jQuery重贺。鑒于它如此流行,又如此好用回懦。所以每一個入門JavaScript的前端工程師都應該了解和學習它气笙。
jQuery這么流行,肯定是因為它解決了一些很重要的問題怯晕。實際上潜圃,jQuery能幫我們干這些事情:

  • 消除瀏覽器差異:你不需要自己寫冗長的代碼來針對不同的瀏覽器來綁定事件,編寫AJAX等代碼舟茶;
  • 簡潔的操作DOM的方法:寫$('#test')肯定比document.getElementById('test')來的簡潔谭期;
  • 輕松實現(xiàn)動畫、修改CSS等各種操作吧凉。
    jQuery的理念‘Write Less, Do More’隧出,讓你寫更少的代碼,完整更多的工作客燕!
    <p></p>

jQuery版本

目前jQuery有1.x和2.x兩個主要版本鸳劳,區(qū)別在于2.x移除了對古老的IE 6狰贯、7也搓、8的支持赏廓,因此2.x的代碼更精簡。選擇哪個版本主要取決于你是否想支持IE 6~8傍妒。
jQuery官網(wǎng)可以下載最新版本幔摸。jQuery只是一個jQuery-xxx.js文件,但你會看到有compressed(已壓縮)和uncompressed(未壓縮)兩種版本颤练。使用時完全一樣既忆,但如果你想深入研究jQuery源碼,那就用uncompressed版本嗦玖。
<p></p>

使用jQuery

使用jQuery只需要在頁面的<head>引入jQuery文件即可:

<html>
<head>
    <script  src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    ...
</head>
<body>
    ...
</body>
</html>

</br>
<p></p>

$符號

$是著名的jQuery符號患雇。實際上,jQuery把所有功能全部封裝在一個全局變量jQuery中宇挫,而$也是一個合法的變量名苛吱,它是變量名jQuery的別名:

window.jQuery;  // jQuery(selector, context)
window.$;  // jQuery(selector, context)
$ === jQuery;  // true
typeof($);  // 'function'

$本質上就是一個函數(shù),但是函數(shù)也是對象器瘪,于是$除了可以直接調用外翠储,也可以有很多其他屬性。
<u>注意橡疼,你看到的$函數(shù)名可能不是jQuery(selector, context)援所,因為很多JavaScript壓縮工具可以對函數(shù)名和參數(shù)改名,所以壓縮過的jQuery源碼$函數(shù)都可能變成a(b, c)欣除。</u>
絕大多數(shù)時候住拭,我們都直接用$(因為寫起來更簡單),但是耻涛,如果$這個變量不幸地被占用了废酷,而且還不能改,那我們就只能讓jQuery把$變量交出來抹缕,然后就只能使用jQuery這個變量:

$;  // jQuery(selector, context)
jQuery.noConflict();
$;  // undefined
jQuery;  // jQuery(selector, context)

這種黑魔法的原理是jQuery在占用$之前澈蟆,先在內部保存了原來的$,調用jQuery.noConflict()時會把原來保存的變量還原卓研。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末趴俘,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子奏赘,更是在濱河造成了極大的恐慌寥闪,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件磨淌,死亡現(xiàn)場離奇詭異疲憋,居然都是意外死亡,警方通過查閱死者的電腦和手機梁只,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進店門缚柳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來埃脏,“玉大人,你說我怎么就攤上這事秋忙〔势” “怎么了?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵灰追,是天一觀的道長堵幽。 經(jīng)常有香客問我,道長弹澎,這世上最難降的妖魔是什么朴下? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮苦蒿,結果婚禮上桐猬,老公的妹妹穿的比我還像新娘。我一直安慰自己刽肠,他們只是感情好溃肪,可當我...
    茶點故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著音五,像睡著了一般惫撰。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上躺涝,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天厨钻,我揣著相機與錄音,去河邊找鬼坚嗜。 笑死夯膀,一個胖子當著我的面吹牛,可吹牛的內容都是我干的苍蔬。 我是一名探鬼主播诱建,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼碟绑!你這毒婦竟也來了俺猿?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤格仲,失蹤者是張志新(化名)和其女友劉穎押袍,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體凯肋,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡谊惭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片圈盔。...
    茶點故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡惭蟋,死狀恐怖,靈堂內的尸體忽然破棺而出药磺,到底是詐尸還是另有隱情,我是刑警寧澤煤伟,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布癌佩,位于F島的核電站,受9級特大地震影響便锨,放射性物質發(fā)生泄漏围辙。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一放案、第九天 我趴在偏房一處隱蔽的房頂上張望姚建。 院中可真熱鬧,春花似錦吱殉、人聲如沸掸冤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽稿湿。三九已至,卻和暖如春押赊,著一層夾襖步出監(jiān)牢的瞬間饺藤,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工流礁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留涕俗,地道東北人。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓神帅,卻偏偏與公主長得像再姑,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子找御,可洞房花燭夜當晚...
    茶點故事閱讀 42,925評論 2 344

推薦閱讀更多精彩內容

  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    程序員poetry閱讀 114,269評論 24 450
  • 那夜那夜很黑那夜很黑很黑看不見自己的五指询刹,也看不見自己的內心我的劍很黑,就算這劍身刺穿她的心臟萎坷,我也看不見鮮血我只...
    獲青閱讀 544評論 14 19
  • 總是聽最輕的音樂凹联, 輕到非要咀嚼細品, 輕到每根血脈如湖水漾漾哆档,不能擲石蔽挠。 總是看溫柔溫暖的文字, 溫柔到愿意以身...
    吁唔唔閱讀 150評論 0 0
  • 踏~踏~踏~一個緩慢略帶輕浮的腳步聲從遠處的巷口傳來,一盞老久滿是銹跡的路燈澳淑,殘燭般昏黃的燈光忽明忽暗比原,沒有給這陳...
    黑羽雨秋閱讀 231評論 0 1
  • 在數(shù)據(jù)梳理過程中,我使用過多種語言(perl杠巡,R量窘,Python,C, C++,Python)氢拥,每種語言都各有...
    雪走石閱讀 1,188評論 0 4