如何使用jQuery设置元素的HTML内容?


本文向大家介绍如何使用jQuery设置元素的HTML内容?,包括了如何使用jQuery设置元素的HTML内容?的使用技巧和注意事项,需要的朋友参考一下

要设置元素的HTML内容,请使用html()方法。您可以尝试运行以下代码以使用jQuery获取元素的HTML内容-

示例

现场演示

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#button1").click(function(){
        $("#demo").html("<strong>This text is highlighted.</strong>");
    });
});
</script>
</head>
<body>

<p id="demo">This is a paragraph.</p>
<button id="button1">Click to set HTML</button>

</body>
</html>