1.1寺谤、jQuery簡(jiǎn)介
jQuery 是一個(gè)高效隙畜、精簡(jiǎn)并且功能豐富的 JavaScript 工具庫(kù)榛搔。它提供的 API 易于使用且兼容眾多瀏覽器诺凡,這讓諸如 HTML 文檔遍歷和操作、事件處理践惑、動(dòng)畫(huà)和 Ajax 操作更加簡(jiǎn)單腹泌。目前超過(guò)90%的網(wǎng)站都使用了jQuery庫(kù),jQuery的宗旨:寫(xiě)的更少尔觉,做得更多凉袱!
1.2、jQuery版本介紹
? ? 1.x (本教程所采用)
? ? ? ? 兼容老版本IE
? ? ? ? 文件較大侦铜,但兼容性最好
? ? 2.x
? ? ? ? 部分IE8及以下版本不支持
? ? ? ? 文件較小绑蔫,執(zhí)行效率更高
? ? 3.x
? ? ? ? 完全不再支持IE8及以下版本
? ? ? ? 提供了一些新的API
? ? ? ? 提供不包含AJAX/動(dòng)畫(huà)API的版本
1.3运沦、jQuery引入方式
? ? 本地引入:將jQuery下載下來(lái),然后導(dǎo)入項(xiàng)目中配深,使用script標(biāo)簽進(jìn)行引用
<head>
? ? <script src="jquery-1.9.1.min.js"></script>
</head>? ?
? ? CDN引入:使用遠(yuǎn)程CDN資源庫(kù)在線(xiàn)引入携添,避免了文件下載(本教程所采用)
<head>
? ? <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>? ?
1.4、jQuery快速使用
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>jQuery</title>
</head>
<body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
? ? $(function () {
? ? ? ? // 請(qǐng)將jQuery代碼書(shū)寫(xiě)在這里 ...
? ? ? ? alert('Hello,World!');
? ? });
</script>
</body>
</html>
1.5篓叶、jQuery兩把利器
jQuery兩把利器分別是:
? ? jQuery核心函數(shù):即: $() 或 jQuery()烈掠,jQuery定義了這個(gè)全局的函數(shù)供我們調(diào)用,它既可作為一般函數(shù)調(diào)用缸托,且傳遞的參數(shù)類(lèi)型不同/格式不同左敌,功能就完全不同,也可作為對(duì)象調(diào)用其定義好的方法俐镐,此時(shí) $ 就是一個(gè)工具對(duì)象矫限。
? ? jQuery核心對(duì)象:即執(zhí)行jQuery核心函數(shù)返回的對(duì)象,jQuery對(duì)象內(nèi)部包含的是dom元素對(duì)象的偽數(shù)組(可能只有一個(gè)元素)佩抹,jQuery對(duì)象擁有很多有用的屬性和方法叼风,讓程序員能方便的操作dom,調(diào)用jQuery對(duì)象的任何方法后返回的還是當(dāng)前jQuery對(duì)象棍苹。