這篇文章主要為大家展示了“jQuery怎么使用”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jQuery怎么使用”這篇文章吧。

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)溫宿免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

jQuery這么流行，肯定是因?yàn)樗鉀Q了一些很重要的問題。實(shí)際上，jQuery能幫我們干這些事情：

• ?消除瀏覽器差異：你不需要自己寫冗長的代碼來針對(duì)不同的瀏覽器來綁定事件，編寫AJAX等代碼；

• ?簡(jiǎn)潔的操作DOM的方法：寫$('#test')肯定比document.getElementById('test')來得簡(jiǎn)潔；

• ?輕松實(shí)現(xiàn)動(dòng)畫、修改CSS等各種操作。

jQuery的理念“Write Less, Do More“，讓你寫更少的代碼，完成更多的工作！

jQuery版本

目前jQuery有1.x和2.x兩個(gè)主要版本，區(qū)別在于2.x移除了對(duì)古老的IE 6、7、8的支持，因此2.x的代碼更精簡(jiǎn)。選擇哪個(gè)版本主要取決于你是否想支持IE 6~8。

從jQuery官網(wǎng)可以下載最新版本。jQuery只是一個(gè)jquery-xxx.js文件，但你會(huì)看到有compressed（已壓縮）和uncompressed（未壓縮）兩種版本，使用時(shí)完全一樣，但如果你想深入研究jQuery源碼，那就用uncompressed版本。

使用jQuery

使用jQuery只需要在頁面的引入jQuery文件即可：

  
  ...


  ...

好消息是，當(dāng)你在學(xué)習(xí)這個(gè)教程時(shí)，由于網(wǎng)站本身已經(jīng)引用了jQuery，所以你可以直接使用：

'use strict';
alert('jQuery版本：' + $.fn.jquery);

$符號(hào)

$是著名的jQuery符號(hào)。實(shí)際上，jQuery把所有功能全部封裝在一個(gè)全局變量jQuery中，而$也是一個(gè)合法的變量名，它是變量jQuery的別名：

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

$本質(zhì)上就是一個(gè)函數(shù)，但是函數(shù)也是對(duì)象，于是$除了可以直接調(diào)用外，也可以有很多其他屬性。

注意，你看到的$函數(shù)名可能不是jQuery(selector, context)，因?yàn)楹芏郕avaScript壓縮工具可以對(duì)函數(shù)名和參數(shù)改名，所以壓縮過的jQuery源碼$函數(shù)可能變成a(b, c)。

絕大多數(shù)時(shí)候，我們都直接用$（因?yàn)閷懫饋砀?jiǎn)單嘛）。但是，如果$這個(gè)變量不幸地被占用了，而且還不能改，那我們就只能讓jQuery把$變量交出來，然后就只能使用jQuery這個(gè)變量：

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

這種黑魔法的原理是jQuery在占用$之前，先在內(nèi)部保存了原來的$,調(diào)用jQuery.noConflict()時(shí)會(huì)把原來保存的變量還原。

以上是“jQuery怎么使用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！