jQuery的下載和使用
創(chuàng)新互聯(lián)從2013年創(chuàng)立,先為武寧等服務(wù)建站,武寧等地企業(yè),進行企業(yè)商務(wù)咨詢服務(wù)。為武寧企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
1.下載 ,在瀏覽器中輸入jQuery,找到j(luò)Query的官網(wǎng)
·
· jQuery 會顯示當前最新的幾個版本,所以,想下載之前的版本,需將網(wǎng)頁拉到最底下
· 找到 past releases 。點擊jQuery CDN
· 再找到j(luò)Query core 下的see all versions of jQuery core 點擊進去 即可查看到所有的jQuery版本。
· 找到之后發(fā)現(xiàn)后面有兩個選項,這兩個選項都可以,只是占用大小不同,即兩者的區(qū)別在于壓縮和未壓縮、有空格和沒有空格, uncompressed 選項 為未壓縮,適用于編譯。 minified 選項為壓縮版本。
· 下載 :對著兩個選項之一 單擊右鍵,在新網(wǎng)頁或者新標簽中打開之后就可以看到j(luò)Query的代碼 ,再Ctrl + S保存到本地就可以了。
2.在HTML中引用
注意: jQuery的引用一般放在最前面。 然后再是自己的樣式。例如:
scriptsrc="js/jquery-1.11.1.js"http://jQuery的引用/script
script//自己的樣式/script
舉個完整的例子
html
head
metacharset="UTF-8"
title/title
/head
body
div測試文字/div
pid="myp"asdkh/p
scriptsrc="js/jquery-1.11.1.js"/script
script
/*添加事件,one :這個事件只會觸發(fā)一次 */
$("#myp").one("click" ,function(){
alert("a");
});
/script
/body
/html
最好自己去官網(wǎng)查詢:
截止目前jQuery有三個大的版本,分別是:
1.x:兼容ie678,是使用最為廣泛的jQuery版本,官方只做BUG維護,不再增加新功能。不過就一般項目,1.x版本基本可以滿足使用了。1.x版的最終版本為jQuery1.12.4 (2016年5月20日),比如使用的就是jQuery1.12.4版本。
jQuery官網(wǎng)關(guān)于瀏覽器支持的說明提到“If you need to support older browsers like Internet Explorer 6-8, Opera 12.1x or Safari 5.1+, use jQuery 1.12.”,很顯然,如果要兼容IE678的話,建議使用jQuery1.12版本。
2.x:不兼容ie678,使用人的確很少,官方同樣也是只做BUG維護,不再增加新功能。如果不考慮兼容低版本的瀏覽器可以使用2.x,其最終版本為jQuery2.2.4 (2016年5月20日)。
3.x:不兼容ie678,只支持最新的瀏覽器。除非特殊要求,一般不會使用3.x版本的,很多老的jQuery插件不支持這個版本。目前該版本是官方主要維護更新的版本,目前為jQuery3.1.1。
使用步驟如下:
1.jQuery給放到一個文件夾里面,方便我們待會引用這個jQuery,這里我就放到我項目的js文件夾里面。
2.然后我們來開始編輯HTML界面代碼。
3.使用script標簽把jQuery引入到我們的HTML界面。src引號里面的就是我們的jQuery路徑名稱。
4.接著再書寫一個script標簽對,里面寫上jQuery入口函數(shù),這樣,當我們的HTML加載完成之后就會執(zhí)行我們的jQuery代碼