您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“jQuery怎么使用”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jQuery怎么使用”這篇文章吧。
jQuery這么流行,肯定是因?yàn)樗鉀Q了一些很重要的問題。實(shí)際上,jQuery能幫我們干這些事情:
?消除瀏覽器差異:你不需要自己寫冗長的代碼來針對不同的瀏覽器來綁定事件,編寫AJAX等代碼;
?簡潔的操作DOM的方法:寫$('#test')肯定比document.getElementById('test')來得簡潔;
?輕松實(shí)現(xiàn)動畫、修改CSS等各種操作。
jQuery的理念“Write Less, Do More“,讓你寫更少的代碼,完成更多的工作!
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版本。
使用jQuery
使用jQuery只需要在頁面的<head>引入jQuery文件即可:
<html> <head> <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> ... </head> <body> ... </body> </html>
好消息是,當(dāng)你在學(xué)習(xí)這個教程時,由于網(wǎng)站本身已經(jīng)引用了jQuery,所以你可以直接使用:
'use strict'; alert('jQuery版本:' + $.fn.jquery);
$符號
$是著名的jQuery符號。實(shí)際上,jQuery把所有功能全部封裝在一個全局變量jQuery中,而$也是一個合法的變量名,它是變量jQuery的別名:
window.jQuery; // jQuery(selector, context) window.$; // jQuery(selector, context) $ === jQuery; // true typeof($); // 'function'
$本質(zhì)上就是一個函數(shù),但是函數(shù)也是對象,于是$除了可以直接調(diào)用外,也可以有很多其他屬性。
注意,你看到的$函數(shù)名可能不是jQuery(selector, context)
,因?yàn)楹芏郕avaScript壓縮工具可以對函數(shù)名和參數(shù)改名,所以壓縮過的jQuery源碼$函數(shù)可能變成a(b, c)。
絕大多數(shù)時候,我們都直接用$(因?yàn)閷懫饋砀唵温铮5?,如?這個變量不幸地被占用了,而且還不能改,那我們就只能讓jQuery把$變量交出來,然后就只能使用jQuery這個變量:
$; // jQuery(selector, context) jQuery.noConflict(); $; // undefined jQuery; // jQuery(selector, context)
這種黑魔法的原理是jQuery在占用$之前,先在內(nèi)部保存了原來的$,調(diào)用jQuery.noConflict()
時會把原來保存的變量還原。
以上是“jQuery怎么使用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。