JQuery
※ JQuery是一個(gè)高效姜性、精簡(jiǎn)并且功能豐富的JavaScript工具庫(kù)
l?JQuery校驗(yàn)(JQuery?Validate)
JQuery?Validate為表單提供了強(qiáng)大的驗(yàn)證功能,讓客戶端表單驗(yàn)證變得簡(jiǎn)單,同時(shí)提供了大量的定制選項(xiàng),滿足應(yīng)用程序各種需求贡蓖。
默認(rèn)校驗(yàn)規(guī)則:
圖?1
l?JQuery選擇器
JQuery選擇器允許您對(duì)HTML元素組成或單個(gè)元素進(jìn)行操作。是基于元素的id煌茬、類斥铺、類型、屬性坛善、屬性值等”查找”(或選擇)HTML元素晾蜘。
JQuery選擇器分為,元素選擇器($(“p”))浑吟、#id選擇器($(“#id”))笙纤、.class選擇器($(“.class”))
選擇器語(yǔ)法:都是以美元符號(hào)開(kāi)頭:$()。
l?JQuery事件
JQuery事件是為事件處理特別設(shè)計(jì)的组力,頁(yè)面對(duì)不同訪問(wèn)者的響應(yīng)就是事件省容。事件處理程序就是當(dāng)html中發(fā)生某些事件時(shí)調(diào)用的方法。例如:在元素上移動(dòng)鼠標(biāo)燎字、選取單選按鈕腥椒、點(diǎn)擊元素
常見(jiàn)dom事件
圖?2
JQuery事件語(yǔ)法:
頁(yè)面中指定一個(gè)點(diǎn)擊事件
$(“p”).click();
觸發(fā)事件
$(“p”).click(function({//動(dòng)作觸發(fā)后執(zhí)行的代碼}))
l?JQuery效果--隱藏和顯示(常用方法)
JQuery hide()隱藏
JQuery show()顯示
示例:
圖?3
l?JQuery效果--淡入和淡出(常用方法)
JQuery fadeIn()淡入已隱藏的元素候衍,示例:
圖?4
JQuery fadeOut()淡出可見(jiàn)元素笼蛛,示例:
圖?5
JQuery fadeToggle()如果元素已淡入,添加淡出效果蛉鹿;否則添加淡入效果滨砍,示例:
圖?6
JQuery fadeTo()允許漸變?yōu)榻o定的不透明度(值介于0-1之間),示例:
圖?7
l?JQuery?HTML-捕獲惋戏、設(shè)置值(常用方法)
獲取內(nèi)容:
text()--設(shè)置或返回所選元素的文本內(nèi)容
html()--設(shè)置或返回所選元素的內(nèi)容(包括html標(biāo)記)
val()--設(shè)置或返回表單字段的值
示例:
圖?8
圖?9
獲取屬性:
attr()--用于設(shè)置或獲取屬性值
示例:
原文來(lái)源于“我要編程”免費(fèi)學(xué)習(xí)平臺(tái)
原文鏈接:https://www.51program.com/newsBean/findNewsDetails.do?id=12