首页-教程-Web前端

jQuery怎么实现鼠标经过改变背景色

 3773

实现方法：1、使用hover()方法给元素绑定鼠标经过事件，并指定事件处理函数；2、在事件处理函数中，使用css()方法修改background样式来改变背景色，语法“元素节点.css("background","颜色值");”。


jQuery怎么实现鼠标经过改变背景色


jquery实现鼠标经过改变背景色

实现方法：

使用hover()方法给元素绑定鼠标经过事件，并指定事件处理函数

在事件处理函数中，使用css()方法修改background样式来改变背景色

实现代码：

  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.     <head>
  5.         <meta charset="UTF-8">
  6.         <script src="js/jquery-1.10.2.min.js"></script>
  7.         <script>
  8.             $(document).ready(function() {
  9.                 $("p").hover(function() {
  10.                     $("p").css("background", "yellow");
  11.                 });
  12.             });
  13.         </script>
  14.     </head>
  15.     <body>
  16.  
  17.         <p style="background: pink;">鼠标经过该段落。</p>
  18.  
  19.     </body>
  20. </html>


jQuery怎么实现鼠标经过改变背景色


说明：hover()

触发 mouseenter 和 mouseleave 事件。

hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。

将二个事件函数绑定到匹配元素上，分别当鼠标指针进入和离开元素时被执行。将一个单独事件函数绑定到匹配元素上，分别当鼠标指针进入和离开元素时被执行。


TAG标签：
本文网址：https://www.zztuku.com/detail-11344.html
站长图库 - jQuery怎么实现鼠标经过改变背景色
申明：如有侵犯，请 联系我们 删除。

评论（0）条

您还没有登录，请 登录 后发表评论！

提示：请勿发布广告垃圾评论，否则封号处理！！

    编辑推荐