jQuery怎么使用

發布時間：2021-08-19 09:16:33 來源：億速云閱讀：135 作者：小新欄目：web開發

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

jQuery這么流行，肯定是因為它解決了一些很重要的問題。實際上，jQuery能幫我們干這些事情：

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

jQuery版本

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

從jQuery官網可以下載最新版本。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>

好消息是，當你在學習這個教程時，由于網站本身已經引用了jQuery，所以你可以直接使用：

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

$符號

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

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

$本質上就是一個函數，但是函數也是對象，于是$除了可以直接調用外，也可以有很多其他屬性。

注意，你看到的$函數名可能不是jQuery(selector, context)，因為很多JavaScript壓縮工具可以對函數名和參數改名，所以壓縮過的jQuery源碼$函數可能變成a(b, c)。

絕大多數時候，我們都直接用$（因為寫起來更簡單嘛）。但是，如果$這個變量不幸地被占用了，而且還不能改，那我們就只能讓jQuery把$變量交出來，然后就只能使用jQuery這個變量：

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

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

以上是“jQuery怎么使用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站