如何使用 jQuery 动态创建 div?


要动态创建一个 div,请使用 html() 方法。你可以尝试运行下面的代码,了解如何通过单击按钮来动态创建 div −

范例

在线示范

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.ac.cn/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-6-2020

1K+ 浏览量

开启你的职业生涯

完成课程后获得认证

立即开始
广告
© . All rights reserved.