jQuery是一個快速黎茎、簡潔的JavaScript框架摄凡,它封裝JavaScript常用的功能代碼下面,提供一種簡便的JavaScript設(shè)計模式复颈,優(yōu)化HTML文檔操作、事件處理沥割、動畫設(shè)計和Ajax交互耗啦。它具有以下特點:
1.快速獲取文檔元素
jQuery的選擇機制構(gòu)建于Css的選擇器,它提供了快速查詢DOM文檔中元素的能力机杜,而且大大強化了JavaScript中獲取頁面元素的方式帜讲。
2.提供漂亮的頁面動態(tài)效果
jQuery中內(nèi)置了一系列的動畫效果,可以開發(fā)出非常漂亮的網(wǎng)頁叉庐,許多網(wǎng)站都使用jQuery的內(nèi)置的效果,比如淡入淡出会喝、元素移除等動態(tài)特效陡叠。
3.創(chuàng)建AJAX無刷新網(wǎng)頁
AJAX是異步的JavaScript和ML的簡稱,可以開發(fā)出非常靈敏無刷新的網(wǎng)頁肢执,特別是開發(fā)服務(wù)器端網(wǎng)頁時枉阵,比如PHP網(wǎng)站,需要往返地與服務(wù)器通信预茄,如果不使用AJAX兴溜,每次數(shù)據(jù)更新不得不重新刷新網(wǎng)頁,而使用AJAX特效后耻陕,可以對頁面進(jìn)行局部刷新拙徽,提供動態(tài)的效果。
4.提供對JavaScript語言的增強
jQuery提供了對基本JavaScript結(jié)構(gòu)的增強诗宣,比如元素迭代和數(shù)組處理等操作膘怕。
增強的事件處理
5.jQuery提供了各種頁面事件,它可以避免程序員在HTML中添加太事件處理代碼召庞,最重要的是岛心,它的事件處理器消除了各種瀏覽器兼容性問題。
6.更改網(wǎng)頁內(nèi)容
jQuery可以修改網(wǎng)頁中的內(nèi)容篮灼,比如更改網(wǎng)頁的文本忘古、插入或者翻轉(zhuǎn)網(wǎng)頁圖像,jQuery簡化了原本使用JavaScript代碼需要處理的方式诅诱。
在jquery中我覺得最強大的是它可以很容易在js中獲取到html中的元素并對其進(jìn)行操作髓堪。
下面我列舉了jQuery中的選擇器。
在原生js中我們一般使用onload來規(guī)定在頁面加載完成后再進(jìn)行,在jq中我們可以使用
$(document).ready(function(){})
可簡寫為
$(function(){})
上述為DOM元素都加載完成之后執(zhí)行
$(window).ready(function(){})
上述為DOM元素以及圖片等加載完成再執(zhí)行旦袋。
獲取樣式以及修改樣式骤菠。可以通過標(biāo)簽名疤孕、id名商乎、class名等來獲取元素。
$("div").css({width})
$("div").css({width:"+=px"})
jquery實現(xiàn)動畫移動到高200px左500px的位置2秒完成祭阀,還可以調(diào)用其他函數(shù)鹉戚,例如給運動加一些緩沖的特效。
$("box").animate({left:500,top:200},2000,function(){})
還有許多小巧好用的jquery
$("#box").hide(2000)//縮小隱藏
$("#box").show(2000)//隱藏顯示
$("#box").fadeOut(2000)//淡出
$("#box").fadeIn(2000)//淡入
$("#box").stop(true,true)//停止第一個true停止動畫专控,第二個true是停止并直接完成動畫抹凳。
$("#box").mouseover()
$("#box").mouseenter()
//兩者都是鼠標(biāo)移入事件但前者會事件冒泡后者不會。
$(window).scroll(function(){})//滾動條滾動時觸發(fā)事件伦腐。
$("body,html")animate({scrollTop:0},1000)//一秒完成回到頂部