使用jQuery庫

一、jQuery 版本 2 以上不支持 IE6,7,8 瀏覽器。如果需要支持 IE6/7/8,那麼可以選擇1.9。

開發過程中需要使用jQuery庫,可以寫一個兼容性的代碼:

<!--[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 的功能概括

1、html 的元素選取

2、html的元素操作

3、html dom遍歷和修改

4、js特效和動畫效果

5、css操作

6、html事件操作

7、ajax異步請求方式

三、jQuery框架的引入

方法一:直接下載庫文件
1、下載jQuery庫

或者 http://www.bootcdn.cn/jquery/

有2個版本:compressed —— 壓縮版本,用於實際網站中;(開發可以下載sourcemap file ,代碼可讀

                   uncompressed —— 未壓縮版本,可讀代碼,用於測試和開發;

2、在html中引用(將下載的文件放在網頁的同一目錄下,就可以使用jQuery。

<head>
<script src="jquery-1.10.2.min.js"></script>
</head>
方法二:通過 CDN(內容分發網絡) 引用它。

百度、又拍雲、新浪、谷歌和微軟的服務器都存有 jQuery 。

如果你的站點用戶是國內的,可以使用百度、又拍雲、新浪等國內CDN地址,如果你站點用戶是國外的可以使用谷歌和微軟。

百度CDN:

<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>
又拍雲CDN:

<head>
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</script>
</head>
新浪CDN:

<head>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>
Google CDN:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
Microsoft CDN:

<head>
<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
</script>
</head>
使用百度、又拍雲、新浪、谷歌或微軟的 jQuery,有一個很大的優勢:
許多用戶在訪問其他站點時,已經從百度、又拍雲、新浪、谷歌或微軟加載過 jQuery。所有當他們訪問自己開發的站點時,會從緩存中加載 jQuery,這樣可以減少加載時間。同時,大多數 CDN 都可以確保當用戶向其請求文件時,會從離用戶最近的服務器上返回響應,這樣也可以提高加載速度。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章