jQuery添加标签实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="c1">
    <p>pppp</p>
</div>
<button>dd</button>
<script src="jquery-3.3.1.min.js"></script>
<script>
    $('button').click(function () {
        // 方式一:给div添加标签h1以及内容
        $('.c1').append('<h1>wwwe</h1>');


        // 方式二:给div添加标签h1以及内容
        var $ele=$('<h1></h1>');
        $ele.html('hehh');
        $ele.css('color','red');
        $('.c1').append($ele)

    })

</script>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/506941763lcj/p/9940929.html