如何使用 jQuery 动态创建 div？

要动态创建 div，请使用 html() 方法。你可以尝试运行以下代码，学习如何在按钮单击时动态创建 div −

示例

在线演示

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
        $("body").html("<div>This is a new div.</div>");
      });
    });
</script>
</head>
<body>

  <button>Create a new div</button>

<p>This is demo text.</p>
</body>
</html>

更新时间：20-Jun-2020

1K+ 浏览量

开启你的职业生涯

完成课程以获得认证

开始
广告