jquery的hover的用法

首先回答是，不是必須是hover。

南縣網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,南縣網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為南縣上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢，請找那個售后服務(wù)好的南縣做網(wǎng)站的公司定做！

這個addClass里寫hover是因為之前的CSS類選擇器的名稱是hover（就是.hover ?{background:red};）。這個名稱可以改成別的。下邊給你一個可以工作的代碼：

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

有問題請追問～

jQuery中hover方法和toggle方法使用指南

jQuery提供一些方法（如：toggle）將兩種事件效果合并到一起，比如：mouseover、mouseout；keyup、keydown等

1、hover函數(shù)

hover(over,out)一個模仿懸停事件（鼠標(biāo)移動到一個對象上面及移出這個對象）的方法。這是一個自定義的方法，它為頻繁使用的任務(wù)提供了一種“保持在其中”的狀態(tài)。

參數(shù):

over

(Function)

:

鼠標(biāo)移到元素上要觸發(fā)的函數(shù)。

out

(Function):

鼠標(biāo)移出元素要觸發(fā)的函數(shù)。

復(fù)制代碼

代碼如下:

script

type="text/javascript"

$(function(){

$("#panel

h5.head").hover(function(){

$(this).next().show();//

鼠標(biāo)懸浮時觸發(fā)

},function(){

$(this).next().hide();//

鼠標(biāo)離開時觸發(fā)

})

})

/script

2、toggle函數(shù)

toggle(fn,fn)

每次點擊時切換要調(diào)用的函數(shù)。如果點擊了一個匹配的元素，則觸發(fā)指定的第一個函數(shù)，當(dāng)再次點擊同一元素時，則觸發(fā)指定的第二個函數(shù)。隨后的每次點擊都重復(fù)對這兩個函數(shù)的輪番調(diào)用。

可以使用unbind("click")來刪除。

復(fù)制代碼

代碼如下:

script

type="text/javascript"

$(function(){

$("#panel

h5.head").toggle(function(){

$(this).next().show();//

第一次點擊時觸發(fā)

},function(){

$(this).next().hide();//

第二次點擊時觸發(fā)，之后不停的切換

})

})

/script

toggle()

方法切換元素的可見狀態(tài)。

如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。toggle()方法切換元素的可見狀態(tài)。

如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。

所以上述的代碼還可以寫成：

復(fù)制代碼

代碼如下:

script

type="text/javascript"

$(function(){

$("#panel

h5.head").toggle(function(){

$(this).next().toggle();

},function(){

$(this).next().toggle();

})

})

/*$(function(){

$("#panel

h5.head").click(function(){

$(this).next().toggle();

})

})*/

/script

還可以添加一些css樣式：

復(fù)制代碼

代碼如下:

style

type="text/css"

.highlight{

background:#FF3300;

}

/style

script

type="text/javascript"

$(function(){

$("#panel

h5.head").toggle(function(){//配合css樣式使用

$(this).addClass("highlight");

$(this).next().show();

},function(){

$(this).removeClass("highlight");

$(this).next().hide();

});

})

/script

小伙伴們是否對jQuery中常見的hover事件和toggle事件有了新的認(rèn)識了呢，希望本文能給大家?guī)硪恍椭?/p>

jquery hover 的寫法

$("li").hover(function(){

$(this).next("div").show();

}, function(){

$(this).next("div").hide();

});

jquery觸發(fā)hover事件的參數(shù)怎么用

方法說明：hover() 方法規(guī)定當(dāng)鼠標(biāo)指針懸停在被選元素上時要運行的兩個函數(shù)

調(diào)用語法：$(selector).hover(inFunction,outFunction)

方法事例：當(dāng)鼠標(biāo)指針懸停在上面時，改變 p 元素的背景顏色

$("p").hover(function(){

$("p").css("background-color","yellow");

},function(){

$("p").css("background-color","pink");

});

本文標(biāo)題：包含hoverjquery的詞條
URL地址：http://chinadenli.net/article41/dsehsed.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、網(wǎng)站內(nèi)鏈、外貿(mào)網(wǎng)站建設(shè)、外貿(mào)建站、全網(wǎng)營銷推廣、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)