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