Jquery中的hover()和toggle()用法
本文轉(zhuǎn)自:http://nianshi.iteye.com/blog/1453996
hover(fn1,fn2):一個(gè)模仿懸停事件(鼠標(biāo)移動(dòng)到一個(gè)對(duì)象上面及移出這個(gè)對(duì)象)的方法。當(dāng)鼠標(biāo)移動(dòng)到一個(gè)匹配的元素上面時(shí),會(huì)觸發(fā)指定的第一個(gè)函數(shù)。當(dāng)鼠標(biāo)移出這個(gè)元素時(shí),會(huì)觸發(fā)指定的第二個(gè)函數(shù)。
//當(dāng)鼠標(biāo)放在表格的某行上時(shí)將class置為over,離開時(shí)置為out。
$("tr").hover(function(){
$(this).addClass("over");
},
? ? ? ? function(){
? ? ? ? $(this).addClass("out");
});
?
?
toggle(evenFn,oddFn): 每次點(diǎn)擊時(shí)切換要調(diào)用的函數(shù)。如果點(diǎn)擊了一個(gè)匹配的元素,則觸發(fā)指定的第一個(gè)函數(shù),當(dāng)再次點(diǎn)擊同一元素時(shí),則觸發(fā)指定的第二個(gè)函數(shù)。隨后的每次點(diǎn)擊都重復(fù)對(duì)這兩個(gè)函數(shù)的輪番調(diào)用。
? ? ? ? //每次點(diǎn)擊時(shí)輪換添加和刪除名為selected的class。
? ? ? ? $("p").toggle(function(){
? ? ? ? ? ? ? ? $(this).addClass("selected");? ?
? ? ? ? },function(){
? ? ? ? ? ? ? ? $(this).removeClass("selected");
? ? ? ? });
?
?
兩個(gè)函數(shù)都能實(shí)現(xiàn)輪番調(diào)用兩個(gè)函數(shù)。。。。
總結(jié)
以上是生活随笔為你收集整理的Jquery中的hover()和toggle()用法的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jquery的disabled
- 下一篇: jQuery中blur和focus事件的