日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

搜索
分享

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

 昨夜霧濃 2018-04-24
  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8" />  
  5.         <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>  
  6.         <link rel="stylesheet" href="css/style.css" />  
  7.         <title></title>  
  8.         <script>  
  9.             $(function(){  
  10.                 $(msg).on({  
  11.                     mouseover : function(){  
  12.                         $(this).wrap("<h1>") ;  
  13.                     } ,  
  14.                     mouseout : function(){  
  15.                         $(this).unwrap() ;  
  16.                     }   
  17.                 }) ;  
  18.             }) ;    
  19.         </script>  
  20.     </head>  
  21.     <body>   
  22.         <p id="msg">Hello World !!!</p>  
  23.     </body>  
  24. </html>  

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

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

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

  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8" />  
  5.         <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>  
  6.         <link rel="stylesheet" href="css/style.css" />  
  7.         <title></title>  
  8.         <script>  
  9.             $(function(){  
  10.                 $(msg).hover(  
  11.                     function(){  
  12.                         $(this).wrap("<h1>") ;  
  13.                     } ,  
  14.                     function(){  
  15.                         $(this).unwrap() ;  
  16.                     }   
  17.                 ) ;  
  18.             }) ;    
  19.         </script>  
  20.     </head>  
  21.     <body>   
  22.         <p id="msg">Hello World !!!</p>  
  23.     </body>  
  24. </html>  

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

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多