jquery鼠标点击改变控件的背景颜色

最新推荐文章于 2024-07-03 02:57:21 发布

goadin

最新推荐文章于 2024-07-03 02:57:21 发布

阅读量1.7w

点赞数 1

分类专栏： html页面文章标签： html 单击事件改变背景颜色

本文链接：https://blog.csdn.net/goadin/article/details/51392252

版权

这篇博客详细记录了如何使用jQuery监听鼠标点击事件，动态改变HTML控件的背景颜色。通过示例代码，展示了jQuery的强大功能及其在前端交互中的应用。

摘要由CSDN通过智能技术生成

记录一下：

<script type="text/javascript">
    $(function () {
        //初始化控件，并注册事件
        var clickItem = function () {
            $(".itemID 子控件名称").css("background", "");
            $(".itemID 子控件名称").mouseover(function () {
                $(this).css("background", "#588600");
            })
                .mouseout(function () {
                    $(this).css("background", "");
                })
        };
        clickItem();
        $(".itemID 子控件名称").click(function () {
                clickItem();
                //当前被点击的控件改变背景色
                $(this).css("background", "#588600");
                //取消当前控件的mouseout和mouseover事件
                $(this).unbind("mouseout");
                $(this).unbind("mouseover");