JQuery empty方法和remove方法的区别，使用remove清除之前的文本内容？？

1、JQuery empty方法
      A、定义和用法
            empty() 方法从被选元素移除所有内容，包括所有文本和子节点。
     B、语法
            $(selector).empty();
2、JQuery  remove方法

      A、定义和用法　　
　　remove() 方法移除被选元素，包括所有文本和子节点。

　　该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。

　　但除了这个元素本身得以保留之外，remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同。
     B、语法
         $(selector).remove()；

3、区别
　　拿$("p").empty()来说，他只是把<p>dsfsd</p>中的文本给移除了，而留下 了<p></p>,仍保留其在dom中所占的位置。
   
$("p").remove()则是把其从dom中删除，而不会保留其所占的位置。

示例代码：

  $("input[value=登录]").click(function(){
   var loginName=$("input[name=loginName]").val();
   var loginPwd=$("input[name=loginPwd]").val();
   
   $.ajax({
        url:"AdminServlet",
        type:"post",
        data:{"loginName":loginName,"loginPwd":loginPwd,"action":"login"},
        dataType:"JSON",
        success:function(result){
   
        if(result.flag=="false"){
           $("span").remove();
            $("input[value=登录]").after($("<span>登录失败！</span>"));
        }else{
            $("span").remove();
            $("input[value=登录]").after($("<span>欢迎："+result.nickName+"登录"+"</span>"));
        }
        }
   });
   
   
  });

 

转载于:https://www.cnblogs.com/panpanpan/p/6018441.html