Jquery--remove和empty删除

一、Jquery中的remove和empty都可以进行删除,二者有所区别;
(1)代码

<style>
  .con{
    
    width: 500px;height: 200px; background: #4CB8FF;}
 </style>
 
 <body>
  <div class="con">
   <p>大河向东流啊,游啊游</p>
   <p>文本文本</p>
  </div>
  <button id="remove">remove</button>
  <button id="empty">empty</button>
  <br /><br />
  <p>总结:remove会把一整个con删除掉</p>
  <p>总结:empty会把con里面的内容都删除掉</p>
 </body>
 <script>
       $('#remove').click(function(){
    
    
        $('.con').remove();
       })
     $('#empty').click(function(){
    
    
        $('.con').empty();
       })
 </script>

(2)效果图
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/huang_jimei/article/details/107482541