jQuery中的jQuery add()和jQuery append()方法有什么区别?

jQueryadd()方法

如果要将元素添加到现有元素组中,请使用add()方法。

示例

您可以尝试运行以下代码来学习如何使用jQuery.add()方法:

<!DOCTYPE html>

<html>

<head>

<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

<script>

  $(document).ready(function(){

    $("h1").add("span").css("background-color", "yellow");

  });

</script>

</head>

<body>

<h1>Nhooo</h1>

<p>Text Tutorials for free.</p>

<span>Video Tutorials for free.</span>

</body>

</html>

jQueryappend()方法

append()方法将内容附加到每个匹配元素的内部。

示例

您可以尝试运行以下代码来学习如何使用jQueryappend()方法:

<html>

   <head>    

      <title>jQuery append() method</title>

      <script src = "https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

       

      <script>

         $(document).ready(function() {

            $("div").click(function () {

               $(this).append('<div class = "div"></div>' );

            });

         });

      </script>

       

      <style>

         .div{ margin:10px;padding:12px; border:2px solid #666; width:60px;}

      </style>

   </head>

   

   <body>

   

      <p>Click on any square below to see the result:</p>

       

      <div class = "div" style = "background-color:blue;"></div>

      <div class = "div" style = "background-color:green;"></div>

      <div class = "div" style = "background-color:red;"></div>

       

   </body>

</html>

以上是 jQuery中的jQuery add()和jQuery append()方法有什么区别? 的全部内容, 来源链接: utcz.com/z/316799.html

回到顶部