jQuery中mouseover事件用法實(shí)例
更新時(shí)間：2014年12月26日 11:25:29 投稿：shichen2014
這篇文章主要介紹了jQuery中mouseover事件用法,以實(shí)例形式分析了mouseover事件處理鼠標(biāo)指針滑過(guò)時(shí)的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中mouseover事件用法。分享給大家供大家參考。具體分析如下：
當(dāng)鼠標(biāo)指針位于匹配的元素上方或者調(diào)用mouseover()方法時(shí)觸發(fā)mouseover事件。
一個(gè)完整的事件過(guò)程，不但要有能夠觸發(fā)事件的條件，而且還要有事件處理程序。
可以通過(guò)mouseover()方法為mouseover事件綁定事件處理程序。例如：
復(fù)制代碼 代碼如下:
$("div").mouseover(function(){$("div").text("腳本之家歡迎您！")})
以上代碼就是將function函數(shù)作為事件處理程序通過(guò)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://chabaoo.cn/" />
<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>原來(lái)的文字</div>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
使用jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)彈出更多相關(guān)信息層附源碼下載
當(dāng)要在有限的空間展示更多的信息時(shí)，我們經(jīng)常會(huì)采取鼠標(biāo)滑過(guò)彈出更多相關(guān)信息層，提高互動(dòng)性。尤其可以應(yīng)用在公司照片墻、招聘網(wǎng)站求職者信息展示等等場(chǎng)景，本文給大家分享使用jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)彈出更多相關(guān)信息層附源碼下載，感興趣的朋友參考下2015-11-11
這幾天在學(xué)習(xí)jQuery插件的寫法，搜索了一些資料，包括jQuery官方的示例，但發(fā)現(xiàn)描述的并不是很清晰。最后，終于搜索到一篇講解比較清晰的文章，這里自己總結(jié)了一下，并以一個(gè)具體的示例來(lái)說(shuō)明jQuery插件的寫法2013-06-06
這篇文章主要介紹了jQuery中的關(guān)系查找方法，關(guān)系查找方法分有children()子級(jí)、siblings()兄弟的一些方式，下文都有介紹到，文章內(nèi)容介紹詳細(xì)，需要的小伙伴可以參考一下，希望對(duì)你的學(xué)習(xí)有所幫助2022-03-03
jquery動(dòng)態(tài)創(chuàng)建div與input的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇jquery動(dòng)態(tài)創(chuàng)建div與input的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
jQuery插件簡(jiǎn)單實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery插件簡(jiǎn)單實(shí)現(xiàn)方法,以一個(gè)簡(jiǎn)單的樣式添加功能為例分析了jquery插件的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細(xì)介紹了jQuery zTree插件使用的簡(jiǎn)單教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-08-08
取消選中單選框radio，第一種，第二種方式是使用jQuery實(shí)現(xiàn)的，第三種方式是基于JS和DOM實(shí)現(xiàn)的，大家可以看看下面的示例2014-09-09
Jquery跨域獲得Json的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇Jquery跨域獲得Json的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jquery 可拖拽的窗體控件實(shí)現(xiàn)代碼
這個(gè)是一個(gè)讓DOM元素可以拖拽的控件，代碼很簡(jiǎn)單，我也是新手，不知道有沒(méi)有BUG，自己測(cè)試還行，希望大家發(fā)現(xiàn)BUG，踴躍提出，謝謝。這個(gè)是基于JQUERY開(kāi)發(fā)的2010-03-03
Jquery選擇器中使用變量實(shí)現(xiàn)動(dòng)態(tài)選擇例子
這篇文章主要介紹了Jquery選擇器中使用變量實(shí)現(xiàn)動(dòng)態(tài)選擇例子,這樣做的好處我們可以動(dòng)態(tài)選擇一些元素,核心思想其實(shí)就是用字符串組合,需要的朋友可以參考下2014-07-07