jQuery是JavaScript世界中使用最廣泛的一個(gè)庫
jQuery的強(qiáng)大之處:
*消除瀏覽器差異:你不需要自己寫很長的代碼來針對(duì)不同的瀏覽器來綁定事件饿悬,編寫AJAX等代碼聚霜;
*簡潔的操作DOM的方法:寫$('#test')肯定比document.getElementById('test')來得簡潔;
*輕松實(shí)現(xiàn)動(dòng)畫蝎宇、修改CSS等各種操作;
jQuery的理念"write less兔乞,do more”,讓你寫更少的代碼庸追,完成更多的事情台囱!
jQuery版本
從JQuery官網(wǎng)可以下載最新版本,jQuery只是一個(gè)jquery-xxx.js文件簿训,但你會(huì)看到有compressed(已壓縮)和uncompressed(未壓縮)兩種版本,使用時(shí)完全一樣强品,但如果你想深入研究jQuery源碼,那就用uncompressed(未壓縮)版本
使用jQuery
使用jQuery只需要在頁面的<head>引入jQuery文件即可:
<html>
<head>
? ? ?<script src = "http://code.jquery.com/jquery-1.11.3.min.js"></script>
? ? ?...
</head>
<body>
? ? ?...
</body>
</html>
$符號(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í)候施流,我們都直接用$鄙信,但是,如果$這個(gè)變量不幸被占用了扮碧,而且還不能改,那我們就只能讓jQuery把$變量交出來蚓土,然后就只能使用jQuery這個(gè)變量:
$;//jQuery(selector,context)
jQuery.noConflict();
$://undefined
jQuery;//jQuery(selector,context)
這種黑魔法的原理是jQuery在占用$之前赖淤,先在內(nèi)部保存了原來的$,調(diào)用jQuery.noConflict()會(huì)把原來保存的變量還原