JQuery的使用jQuery是一個(gè)快速奢讨、簡(jiǎn)潔的JavaScript框架诗赌，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)（或JavaScript框架）宣鄙。jQuery設(shè)計(jì)的宗旨是“write Less写烤，Do More”焰扳，即倡導(dǎo)寫(xiě)更少的代碼挽荡，做更多的事情藐石。它封裝JavaScript常用的功能代碼，提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式定拟，優(yōu)化HTML文檔操作于微、事件處理逗嫡、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。?【JQuery語(yǔ)法】1株依、JQuery("選擇器").action()驱证；通過(guò)選擇器，調(diào)用時(shí)間函數(shù)但JQuery中恋腕，JQuery中可以用$代替抹锄，即$("選擇器").action()；①選擇器荠藤，可以直接使用css選擇器伙单，選中元素②.action() 表示對(duì)元素執(zhí)行的操作；2哈肖、文檔就緒函數(shù)：防止文檔在完全加載（就緒）之前吻育，運(yùn)行JQuery代碼$(document).ready(function(){//JQuery代碼});簡(jiǎn)寫(xiě)：$(function(){ });3、[文檔就緒函數(shù)&window.onload區(qū)別]① window.onload需在網(wǎng)頁(yè)所有內(nèi)容加載完成后執(zhí)行(包括圖片音頻)文檔就緒函數(shù)淤井，只需要在網(wǎng)頁(yè)DOm結(jié)構(gòu)加載以后便會(huì)執(zhí)行② window.onload布疼，只能寫(xiě)一個(gè)，寫(xiě)多個(gè)只會(huì)執(zhí)行最后一個(gè)币狠；文檔就緒函數(shù)游两，可以寫(xiě)多個(gè)，也不會(huì)被覆蓋4总寻、JQuery與原生DOM互轉(zhuǎn)①原生DOM對(duì)象轉(zhuǎn)JQuery對(duì)象： $(DOM對(duì)象)var p = document.getElementsByName("p");$(p) 轉(zhuǎn)換為JQwery對(duì)象②JQuery對(duì)象轉(zhuǎn)原生DOM對(duì)象： $("#p").get(0) $("#p")[0]$("#p").get(0).style.color = "red";//事件綁定快捷方式/* $("button:first").click(function(){alert(1);})*//*【使用on綁定事件】①使用on進(jìn)行單事件綁定②使用on進(jìn)行多事件綁定同一函數(shù)③調(diào)用函數(shù)時(shí)器罐，傳入自定義參數(shù)使用event.data.屬性名; 找到傳入?yún)?shù)$("button").on("click",{name:"liuyongqi"},function(event){console.log(event.data.name)})④使用on，進(jìn)行多事件多函數(shù)綁定$("button").on({click:function(){console.log("click");},mouseover:function(){console.log("mouseover");}})⑤使用on進(jìn)行事件委派>>>將原本需要綁定到某元素上的事件渐行，改為綁定到父元素乃至根節(jié)點(diǎn)上轰坊，然后委派給當(dāng)前元素生效；$(document).on("click","button",function(){alert(1);})>>>作用：默認(rèn)的綁定方式祟印，只能綁定到頁(yè)面已有的元素肴沫，當(dāng)頁(yè)面新增元素時(shí)，無(wú)法綁定到新元素上蕴忆；使用事件委派方式颤芬，當(dāng)頁(yè)面新增元素時(shí)，可以為所有新元素綁定事件*//*【off取消事件綁定】1套鹅、$("p").off()：取消所有事件站蝠；2、$("p").off("click")：取消點(diǎn)擊事件卓鹿；3菱魔、$("p").off("click mouseover")：取消多個(gè)事件；4吟孙、$(document).off("click","p")：取消事件委派澜倦；*//** 使用.one();綁定事件聚蝶，只能執(zhí)行一次；* $("button").one("click",function(){alert(1);})*//** .trigger("event")：自動(dòng)觸發(fā)某元素的事件* $("p").bind("myEvent", function (event, message1, message2) {alert(message1 + ' ' + message2);});$("p").trigger("myEvent", ["Hello","World!"]);*//*hover(over,out)over:鼠標(biāo)移到元素上要觸發(fā)的函數(shù)out:鼠標(biāo)移出元素要觸發(fā)的函數(shù)$("td").hover(function () {$(this).addClass("hover");},function () {$(this).removeClass("hover");});*//*——————————————————————華麗分割線——————————————————————————————*//*【動(dòng)畫(huà)效果】.show()①不傳參：讓隱藏元素直接顯示藻治，不進(jìn)行動(dòng)畫(huà)②傳入事件：多少毫秒之內(nèi)完成動(dòng)畫(huà)③傳入（時(shí)間碘勉，函數(shù)）：完成動(dòng)畫(huà)之后，執(zhí)行回調(diào)函數(shù)show()動(dòng)畫(huà)執(zhí)行效果：同時(shí)修改元素的寬度桩卵、高度验靡、和opacity（透）屬性 ；.hide()：讓顯示的元素隱藏吸占，與show相反晴叨；.slidedown：讓隱藏元素顯示，效果為從上往下矾屯，增加高度；.slideUp：讓顯示元素隱藏初厚，效果為從下往上件蚕，減小高度；.slideToggle()：讓顯示元素隱藏产禾，讓隱藏元素顯示排作；.fadeOut：讓顯示元素隱藏，淡出亚情；.fadeIn：讓隱藏元素顯示妄痪，淡入；fadeToggle()：讓顯示元素隱藏楞件，讓隱藏元素顯示衫生。淡入淡出；fadeToggle(時(shí)間土浸，透明度罪针，函數(shù))：作用同fadeToggle()，但是多了透明參數(shù)黄伊，可以指定顯示的最終透明度泪酱；.animate({一組包含作為動(dòng)畫(huà)屬性和終值的樣式屬性和及其值的鍵值對(duì)},表示動(dòng)畫(huà)時(shí)長(zhǎng)的毫秒數(shù)值(如：1000),使用的擦除效果的名稱(需要插件支持).默認(rèn)jQuery提供"linear" 和 "swing",回調(diào)函數(shù))Http：超文本傳輸協(xié)議URL：統(tǒng)一資源定位符組成：協(xié)議名：//主機(jī)名（IP地址）：端口號(hào)/項(xiàng)目資源地址？傳遞的參數(shù)鍵值對(duì)#錨點(diǎn)还最；eg：http://127.0.0.1:8080/jd/index.html?name=name1;localhost或127.0.0.1代表本機(jī)IP墓阀；【Json對(duì)象】1、JSON對(duì)象是鍵值對(duì)的集合拓轻，鍵與值之間用冒號(hào)分隔斯撮；多個(gè)鍵值對(duì)之間用逗號(hào)分隔2、多個(gè)JSON對(duì)象悦即，可以放到數(shù)組中去吮成。JSON對(duì)象和數(shù)組可以相互嵌套橱乱；JSON對(duì)象的鍵，必須是字符串粱甫；parseJSON()：將JSON字符串轉(zhuǎn)化為JSON對(duì)象泳叠；