[JS][jQuery]remove()与 empty()的差别

要用到移除指定元素的时候，发现empty()与remove([expr])都能够用来实现。可细致观察效果的话就能够发现。

empty()是仅仅移除了指定元素中的全部子节点。拿$("p").empty()来说。他仅仅是把<p>dsfsd</p>中的文本给移除了。而留下了<p></p>,仍保留其在dom中所占的位置。

remove([expr])则是把其从dom中删除，而不会保留其所占的位置。

例:

<p>Hello</p>

World

<p>welcome</p>

运行$("p").empty()其结果是

<p></p>

World

<p></p>

运行$("p").remove()其结果是

World

时间： 2024-07-31 10:56:22

[JS][jQuery]remove()与 empty()的差别的相关文章

[JS][jQuery]remove()与 empty()的区别

要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现.可仔细观察效果的话就可以发现. empty()是只移除了指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下了<p></p>,仍保留其在dom中所占的位置. remove([expr])则是把其从dom中删除,而不会保留其所占的位置. 例: <p>Hello</p&

jQuery remove()与jQuery empty()的区别

jQuery remove() 方法删除被选元素及其子元素.举例如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="/jquery/jquery-1.11.1.min.js"></script> 5 <script> 6 $(document).ready(function(){ 7 $("button").click(function(

前台JS(Jquery)调用后台方法无刷新级联菜单示例

前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 http://www.dtan.so CasMenu.aspx页面: [html] view plaincopyprint? <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_De

Jquery中$与$.fn的差别

当今web开发往往离不开Jquery的使用,Jquery以其简洁的使用方式.良好的浏览器兼容性赢得了软件研发同行的青睐,作为当中的一员,自然也不例外,虽然刚開始时非常排斥Jquery,今天我谈一下对Jquery中$与$.fn的认识和理解,不正确地方深望指正: 1.什么是$? 答:jquery的还有一种表现形式: 2.看以下的样例: 样例01: <html> <head> <meta http-equiv="Content-Type" content=&qu

js+jquery实现html5的后台缓存书签效果

<strong><span style="font-size:12px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT=&quo

paip.提升效率--数据绑定到table原理和流程Angular js jquery实现

paip.提升效率--数据绑定到table原理和流程Angular js jquery实现 html #--keyword 1 #---原理和流程 1 #----jq实现的代码 1 #-----Angular 的实现 3 #--keyword jquery 遍历表格tr td Angular 模板绑定 #---原理和流程获得所有的行,第一的头行..排除,,,在的所有的删除. 遍历表格tr获得tds的所有的id数组. 根据id/id索引来获得绑定的数据源里面的数据字段..绑定到个td上..

Angular和jQuery的ajax请求的差别

近期项目中使用angular,结果发现后台没法获取參数,所以,略微研究了一下两者在发送ajax时的差别. 注意angular和jquery的ajax请求是不同的. 在jquery中,官方文档解释contentType默认是 application/x-www-form-urlencoded; charset=UTF-8 contentType (default: 'application/x-www-form-urlencoded; charset=UTF-8') Type: String Wh

JS/Jquery 表单方式提交总结

1. submit提交 (1). submit 按钮式提交缺点:在提交前不可修改提交的form表单数据 // 1. html <form method="post" action="/../.." > <input type="text" name="username" value="" /> <input type="password" name=&qu

js jquery插入元素后事件会被注销

js jquery插入元素后事件会被注销 document.body.innerHTML += <div id="dd">test</div> //这个会注销事件 $(document.body).append(str);//使用这个也可以绑定事件. 例子: //快捷键双击 $(".app_shortcut_item").dblclick(function () { var id = $(this).attr("id&quo