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

 3379

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


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


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

实现方法:

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

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

实现代码:

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <script src="js/jquery-1.10.2.min.js"></script>
        <script>
            $(document).ready(function() {
                $("p").hover(function() {
                    $("p").css("background", "yellow");
                });
            });
        </script>
    </head>
    <body>
 
        <p style="background: pink;">鼠标经过该段落。</p>
 
    </body>
</html>


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


说明:hover()

触发 mouseenter 和 mouseleave 事件。

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

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


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

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐