通过点击按钮实现给段落的标签添加背景颜色

Posted zxrxzw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过点击按钮实现给段落的标签添加背景颜色相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <!--实现给段落的标签添加背景颜色-->
        <meta charset="utf-8">
        <title>jQuery</title>
        <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("button").click(function(){
                    $("p#p_id1").css("background-color","red");
                    $("p#p_id2").css("background-color","blue");
                });
            });    
        </script>
    </head>
    <body>
        <h2>点击</h2>
        <p id="p_id1">1234</p>
        <p id = "p_id2">56789</p>
        <button>点击按钮</button>
    </body>
</html>

 

以上是关于通过点击按钮实现给段落的标签添加背景颜色的主要内容,如果未能解决你的问题,请参考以下文章

input标签设置背景颜色

jQuery 实现table表的th标签的显示和隐藏?

php怎么给按钮添加事件

如何给HTML中的button按钮添加背景图片,图片不止一个,可以先看一下要求实现效果,注意:是两种颜色

html中点击按钮怎样改变div背景颜色

vue点击tab改变背景颜色