jQuery hover事件

hover(over,out)一個(gè)模仿懸停事件（鼠標(biāo)移動(dòng)到一個(gè)對(duì)象上面及移出這個(gè)對(duì)象）的方法。這是一個(gè)自定義的方法，它為頻繁使用的任務(wù)提供了一種“保持在其中”的狀態(tài)。
當(dāng)鼠標(biāo)移動(dòng)到一個(gè)匹配的元素上面時(shí)，會(huì)觸發(fā)指定的第一個(gè)函數(shù)。當(dāng)鼠標(biāo)移出這個(gè)元素時(shí)，會(huì)觸發(fā)指定的第二個(gè)函數(shù)。而且，會(huì)伴隨著對(duì)鼠標(biāo)是否仍然處在特定元素中的檢測(cè)（例如，處在div中的圖像），如果是，則會(huì)繼續(xù)保持“懸?！睜顟B(tài)，而不觸發(fā)移出事件（修正了使用mouseout事件的一個(gè)常見(jiàn)錯(cuò)誤）。

參數(shù)：
over (Function) : 鼠標(biāo)移到元素上要觸發(fā)的函數(shù)
out (Function): 鼠標(biāo)移出元素要觸發(fā)的函數(shù)

示例：
鼠標(biāo)懸停的表格加上特定的類(lèi)

jQuery 代碼：

這里自己注意幾點(diǎn)：

1,.hover是個(gè)類(lèi)，想要什么效果自己寫(xiě)。

2,別忘記引入jquery.js文件，要不然不起作用還報(bào)錯(cuò)。

3,相比于傳統(tǒng)的css，比如this.bgColor='red'這樣的方式，簡(jiǎn)單很多了，不需要再一行行添加了。

4,當(dāng)然可以實(shí)現(xiàn)奇偶行效果不同，讀者自己去研究吧。

今日發(fā)現(xiàn)一個(gè)更為簡(jiǎn)單的辦法，就是使用jquery的each方法，這個(gè)只需要一行代碼既可以實(shí)現(xiàn)隔行換色效果。只不過(guò)不會(huì)隨著鼠標(biāo)的移動(dòng)而變化罷了。

最新評(píng)論