首先回答是,不是必須是hover。
為大同等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù),及大同網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站制作、成都做網(wǎng)站、大同網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
這個(gè)addClass里寫hover是因?yàn)橹暗腃SS類選擇器的名稱是hover(就是.hover ?{background:red};)。這個(gè)名稱可以改成別的。下邊給你一個(gè)可以工作的代碼:
html
head
titlehover?demo/title
script?src="http://code.jquery.com/jquery-1.10.2.js"/script
style
.myStyle?{
background:?red
}
;
/style
/head
body
table?border="1"
tr
tdrow?1,?cell?1/td
tdrow?1,?cell?2/td
/tr
tr
tdrow?2,?cell?1/td
tdrow?2,?cell?2/td
/tr
/table
script
$("td").hover(function()?{
$(this).addClass("myStyle");
},?function()?{
$(this).removeClass("myStyle");
});
/script
/body
/html
有問題請(qǐng)追問~
1、如果是js/jQuery綁定的事件,使用unbind()方法去掉事件綁定
2、如果hover效果是css控制,使用removeClass()去掉該標(biāo)簽的class
$("#id").removeClass("hover");
這2個(gè)是有區(qū)別的。
hover是指分別當(dāng)鼠標(biāo)指針進(jìn)入和離開元素時(shí)被執(zhí)行的事件相當(dāng)于mouseenter+mouseleave。而mouseover鼠標(biāo)進(jìn)入某個(gè)元素或其子元素時(shí)觸發(fā)。
可參考mouseover和mouseenter的區(qū)別:
而mousemove如你所說只要鼠標(biāo)移動(dòng),哪怕只有1像素就會(huì)觸發(fā)。因?yàn)橛脩粼跒g覽網(wǎng)頁的過程中,鼠標(biāo)是會(huì)不停移動(dòng)的,所以一旦綁定這個(gè)事件,網(wǎng)頁就會(huì)不停的執(zhí)行mousemove所綁定的響應(yīng)函數(shù),消耗系統(tǒng)資源。這里的系統(tǒng)資源是指客戶端的。。
方法說明:hover() 方法規(guī)定當(dāng)鼠標(biāo)指針懸停在被選元素上時(shí)要運(yùn)行的兩個(gè)函數(shù)
調(diào)用語法:$(selector).hover(inFunction,outFunction)
方法事例:當(dāng)鼠標(biāo)指針懸停在上面時(shí),改變 p 元素的背景顏色
$("p").hover(function(){
$("p").css("background-color","yellow");
},function(){
$("p").css("background-color","pink");
});
$("li").hover(function(){
$(this).next("div").show();
}, function(){
$(this).next("div").hide();
});