jQuery中mouseover事件用法實(shí)例
更新時(shí)間：2014年12月26日 11:25:29 投稿：shichen2014
這篇文章主要介紹了jQuery中mouseover事件用法,以實(shí)例形式分析了mouseover事件處理鼠標(biāo)指針滑過時(shí)的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中mouseover事件用法。分享給大家供大家參考。具體分析如下：
當(dāng)鼠標(biāo)指針位于匹配的元素上方或者調(diào)用mouseover()方法時(shí)觸發(fā)mouseover事件。
一個(gè)完整的事件過程，不但要有能夠觸發(fā)事件的條件，而且還要有事件處理程序。
可以通過mouseover()方法為mouseover事件綁定事件處理程序。例如：
復(fù)制代碼 代碼如下:
$("div").mouseover(function(){$("div").text("腳本之家歡迎您！")})
以上代碼就是將function函數(shù)作為事件處理程序通過mouseover()方法綁定到mouseover事件。
當(dāng)觸發(fā)mouseover事件的時(shí)候，就會(huì)調(diào)此函數(shù)。
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://m.fzitv.net/" />
<title>mouseover事件-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").mouseover(function(){
$("div").text("腳本之家歡迎您！");
})
})
</script>
</head>
<body>
<div>原來的文字</div>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
![基于JQuery的訪問WebService的代碼（可訪問Java[Xfire]）](http://img.jbzj.com/images/xgimg/bcimg0.png)
基于JQuery的訪問WebService的代碼（可訪問Java[Xfire]）
最近有些時(shí)間學(xué)習(xí)了下JQuery，發(fā)現(xiàn)有很多JQuery訪問.net WebService的例子。作為WebService這種接口應(yīng)該是通用的，為什么沒人關(guān)于Java的例子呢？這點(diǎn)引起我的興趣。2010-11-11
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)拖拽小方塊效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
jquery html添加元素/刪除元素操作實(shí)例詳解
這篇文章主要介紹了jquery html添加元素/刪除元素操作,結(jié)合實(shí)例形式詳細(xì)分析了jquery html添加元素/刪除元素相關(guān)函數(shù)功能、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
jquery中attr、prop、data區(qū)別與用法分析
這篇文章主要介紹了jquery中attr、prop、data區(qū)別與用法,結(jié)合實(shí)例形式分析了jQuery中attr、prop、data的區(qū)別、功能、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2019-09-09
這篇文章主要介紹了單擊和雙擊事件的沖突處理方法,需要的朋友可以參考下2014-04-04
這篇文章主要為大家詳細(xì)介紹了layui導(dǎo)航欄效果的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
jQuery實(shí)現(xiàn)的網(wǎng)頁(yè)右下角tab樣式在線客服效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的網(wǎng)頁(yè)右下角tab樣式在線客服效果代碼,涉及jQuery簡(jiǎn)單樣式變換控制技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
each() 方法規(guī)定為每個(gè)匹配元素規(guī)定運(yùn)行的函數(shù)。這篇文章主要給大家介紹jQuery中each方法的使用詳解，需要的朋友參考下吧2018-03-03
jQuery編輯器KindEditor4.1.4代碼高亮顯示設(shè)置教程
接下來介紹下編輯器KindEditor4.1.4代碼高亮顯示設(shè)置：加載需要的JS和CSS文件/編輯器初始化設(shè)置后，在里面加prettyPrint等等，感興趣的你可以參考下本文2013-03-03
這篇文章主要介紹了jQuery操作基本控件方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery針對(duì)控件的樣式,ID獲取,遍歷及屬性操作等常用技巧,需要的朋友可以參考下2015-12-12