JQ点击按钮切换文本 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-1.12.4.min.js"></script>
        <style>
            .s1{
                font-size: 300px;
                color: #f00;
            }
        </style>
    </head>
    <body>
        <div id="txt">这是一段文本</div>
        <input type="button" id="btn" value="请点击"/>
        <input type="button" id="btn1" value="请点击"/>
        <script>
            $("#btn").click(function(){
                $("#txt").html("这是点击后切换的文本")
            })
            $("#btn1").click(function(){
                $("#txt").addClass("s1")
            })
        </script>
    </body>
</html>

 

posted @ 2022-05-16 19:37  ZosMa~  阅读(33)  评论(0)  编辑  收藏  举报