jQuery 鼠標(biāo)移入移出事件切換

昨夜霧濃 2018-04-24

展開全文

[html] view plain copy

print?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
<link rel="stylesheet" href="css/style.css" />
<title></title>
<script>
$(function(){
$(msg).on({
mouseover : function(){
$(this).wrap("<h1>") ;
} ,
mouseout : function(){
$(this).unwrap() ;
}
}) ;
}) ;
</script>
</head>
<body>
<p id="msg">Hello World !!!</p>
</body>
</html>

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

jQuery 1.7 版本前該方法觸發(fā) mouseenter 和 mouseleave 事件。

jQuery 1.8 版本后該方法觸發(fā) mouseover 和 mouseout 事件。

[html] view plain copy

print?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
<link rel="stylesheet" href="css/style.css" />
<title></title>
<script>
$(function(){
$(msg).hover(
function(){
$(this).wrap("<h1>") ;
} ,
function(){
$(this).unwrap() ;
}
) ;
}) ;
</script>
</head>
<body>
<p id="msg">Hello World !!!</p>
</body>
</html>

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自：昨夜霧濃 > 《KFT》

舉報(bào)/認(rèn)領(lǐng)

0條評論

發(fā)表

請遵守用戶評論公約

類似文章 更多

乡下人产国偷v产偷v自拍,国产午夜片在线观看,婷婷成人亚洲综合国产麻豆,久久综合给合久久狠狠狠9

jQuery 鼠標(biāo)移入移出事件切換