-
jQuery 版本 2 以上不支持 IE6睬愤,7待榔,8 瀏覽器屁使。
如果需要支持 IE6/7/8,那么請(qǐng)選擇1.9
你還可以通過條件注釋在使用 IE6/7/8 時(shí)只包含進(jìn)1.9匆瓜。
[拾肆](javascript:;)
拾肆
118***4984@qq.com 10個(gè)月前 (03-26)
-
gaoxu
157***759@qq.com
jQuery 的功能概括
1赢笨、html 的元素選取
2、html的元素操作
3驮吱、html dom遍歷和修改
4茧妒、js特效和動(dòng)畫效果
5、css操作
6左冬、html事件操作
7桐筏、ajax異步請(qǐng)求方式
jQuery 安裝
網(wǎng)頁(yè)中添加 jQuery
可以通過多種方法在網(wǎng)頁(yè)中添加 jQuery。 您可以使用以下方法:
- 從 jquery.com 下載 jQuery 庫(kù)
- 從 CDN 中載入 jQuery, 如從 Google 中加載 jQuery
下載 jQuery
有兩個(gè)版本的 jQuery 可供下載:
- Production version - 用于實(shí)際的網(wǎng)站中拇砰,已被精簡(jiǎn)和壓縮九昧。
- Development version - 用于測(cè)試和開發(fā)(未壓縮,是可讀的代碼)
以上兩個(gè)版本都可以從 jquery.com 中下載毕匀。
jQuery 庫(kù)是一個(gè) JavaScript 文件,您可以使用 HTML 的 <script> 標(biāo)簽引用它:
<head> <script src="jquery-1.10.2.min.js"></script> </head>
提示: 將下載的文件放在網(wǎng)頁(yè)的同一目錄下癌别,就可以使用jQuery皂岔。
替代方案
如果您不希望下載并存放 jQuery,那么也可以通過 CDN(內(nèi)容分發(fā)網(wǎng)絡(luò)) 引用它展姐。
百度躁垛、又拍云剖毯、新浪、谷歌和微軟的服務(wù)器都存有 jQuery 教馆。
如果你的站點(diǎn)用戶是國(guó)內(nèi)的逊谋,建議使用百度、又拍云土铺、新浪等國(guó)內(nèi)CDN地址胶滋,如果你站點(diǎn)用戶是國(guó)外的可以使用谷歌和微軟。
jQuery 語(yǔ)法
jQuery 語(yǔ)法是通過選取 HTML 元素悲敷,并對(duì)選取的元素執(zhí)行某些操作究恤。
基礎(chǔ)語(yǔ)法: $(selector).action()
美元符號(hào)定義 jQuery
選擇符(selector)"查詢"和"查找" HTML 元素
jQuery 的 action() 執(zhí)行對(duì)元素的操作
實(shí)例:
$(this).hide() - 隱藏當(dāng)前元素
$("p").hide() - 隱藏所有 <p> 元素
$("p.test").hide() - 隱藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隱藏所有 id="test" 的元素
文檔就緒事件
您也許已經(jīng)注意到在我們的實(shí)例中的所有 jQuery 函數(shù)位于一個(gè) document ready 函數(shù)中:
$(document).ready(function(){
// 開始寫 jQuery 代碼...
}); ```
這是為了防止文檔在完全加載(就緒)之前運(yùn)行 jQuery 代碼,即在 DOM 加載完成后才可以對(duì) DOM 進(jìn)行操作后德。
如果在文檔沒有完全加載之前就運(yùn)行函數(shù)部宿,操作可能失敗。
提示:簡(jiǎn)潔寫法(與以上寫法效果相同):
$(function(){
// 開始寫 jQuery 代碼...
}); ```