- jQuery選擇器
- jQuery基本選擇器
- jQuery層次選擇器
- jQuery基本過濾選擇器
- jQuery內(nèi)容過濾選擇器
- jQuery可見性過濾選擇器
- jQuery屬性過濾選擇器
- jQuery子元素過濾選擇器
- jQuery表單元素選擇器
- jQuery input選擇器
- jQuery顯示和隱藏效果
- jQuery淡入淡出效果
- jQuery滑動(dòng)效果
- jQuery動(dòng)畫效果
- jQuery停止動(dòng)畫
- jQuery Callback 方法
- jQuery鏈(Chaining)
- jQuery獲取與修改元素屬性值
- jQuery添加節(jié)點(diǎn)append
- jQuery清空節(jié)點(diǎn)與刪除節(jié)點(diǎn)
- jQuery復(fù)制節(jié)點(diǎn)
- jQuery中append與appendto的區(qū)別
- jQuery獲取內(nèi)容和屬性
- jQuery設(shè)置內(nèi)容和屬性
- jQuery獲取并設(shè)置CSS類
- jQuery css() 方法
- jQuery尺寸
- jQuery添加元素
- jQuery刪除元素
- jQuery選擇器
- jQuery事件方法
- jQuery效果方法
- jQuery HTML / CSS 方法
- jQuery遍歷方法
- jQuery AJAX 方法
- jQuery雜項(xiàng)方法
- jQuery屬性
jQuery簡介
jQuery 庫可以通過一行簡單的標(biāo)記被添加到網(wǎng)頁中。
您需要具備的基礎(chǔ)知識(shí)
在您開始學(xué)習(xí) jQuery 之前，您應(yīng)該對(duì)以下知識(shí)有基本的了解：
• HTML
• CSS
• JavaScript
如果您需要首先學(xué)習(xí)這些科目，請(qǐng)?jiān)谖覀兊?首頁 查找這些教程。
什么是 jQuery ?
jQuery是一個(gè)JavaScript函數(shù)庫。
jQuery是一個(gè)輕量級(jí)的"寫的少，做的多"的JavaScript庫。
jQuery庫包含以下功能：
• HTML 元素選取
• HTML 元素操作
• CSS 操作
• HTML 事件函數(shù)
• JavaScript 特效和動(dòng)畫
• HTML DOM 遍歷和修改
• AJAX
• Utilities
提示： 除此之外，Jquery還提供了大量的插件。
為什么使用 jQuery ?
目前網(wǎng)絡(luò)上有大量開源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的擴(kuò)展。
很多大公司都在使用 jQuery， 例如:
• Microsoft
• IBM
• Netflix
jQuery是否適用于所有瀏覽器?
jQuery 團(tuán)體知道JS在不同瀏覽器中存在著大量的兼容性問題，目前jQuery兼容于所有主流瀏覽器, 包括Internet Explorer 6!
jQuery版本支持
在使用jQuery的時(shí)候你應(yīng)該要注意的是 jQuery 2版本以上是不支持 IE6，7，8 瀏覽器的。那么如果使用的是 IE6，7，8 瀏覽器的話，你就得選擇使用jQuery1.9版本的，或者，你也可以通過條件注釋在使用 IE6，7，8 瀏覽器的時(shí)候只允許包含 jQuery 1.9。
注釋代碼如下：
<!--[if lt IE 9]>
<script src="jquery-1.9.0.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="jquery-2.0.0.js"></script>
<!--<![endif]-->
替代 jQuery 庫
如果您希望將 jQuery 庫存放在您的計(jì)算機(jī)上，那么根據(jù) Google 和 Microsoft 對(duì) jQuery 友好性，您可以從 Google 或 Microsoft 加載 CDN jQuery 核心文件。
使用 Google 的 CDN
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
</head>
使用 Microsoft 的 CDN
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
</head>
