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>"));
        }
        }
   });
   
   
  });

 

posted @ 2016-11-01 10:15  从你的世界路过潘  阅读(668)  评论(0编辑  收藏  举报