这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。下边的例子就是用detach保留了click的 方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function () {
$(".my").click(function () {
alert("mymymy")
});
$(".bn").click(function () {
var $mine = $(".my");
$mine.remove();
$("body").append($mine)
})
})
</script>
<style type="text/css">
.my{ width:300px; height:200px; background:#06F; font-size:12px;}
.bn{ width:80px; height:20px; cursor:pointer; border:1px solid #999; background:#F30; margin:10px;}
</style>
</head>
<body>
<div class="my">我的内容啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>
<div class="bn">按钮妞牛</div>
</body>
</html>
分享到：
相关推荐
以下是关于 jQuery 使用方法的详细说明： 1. **选择网页元素**：jQuery 的核心功能之一是通过选择器选取网页中的元素。例如，`$(document)` 选择整个文档，`$('tr:odd')` 选择表格的奇数行。jQuery 支持 CSS 选择器...
本文将对 jQuery 文档操作方法进行详细的介绍，包括方法的语法、参数、返回值、使用场景和示例代码等。 addClass() 方法 addClass() 方法用于向匹配的元素添加指定的类名。该方法可以将一个或多个类名添加到元素上...
本文讨论了如何在使用jQuery的detach()方法后获取DOM元素的值。detach()方法在jQuery中用于从DOM中移除元素，同时保留对这些元素的引用。这使得我们可以对这些元素进行操作，之后还可以将它们放回原来的DOM位置或者...
`detach()`方法在jQuery中提供了灵活的元素管理方式，尤其适用于那些需要暂时移除但之后还需重新使用的元素。与`remove()`方法相比，`detach()`更适合那些需要保留元素状态的场景，例如事件绑定和数据存储。通过理解...
总的来说，理解并恰当使用 `detach()` 和 `remove()` 可以帮助我们编写更高效、更灵活的jQuery代码。在处理DOM操作时，尤其是在大型项目中，保持对元素状态的控制是非常重要的，这可以避免不必要的性能损耗和数据...
jQuery提供了丰富的DOM操作方法，如`append()`、`prepend()`用于元素的插入，`html()`、`text()`用于元素内容的设置，`remove()`、`detach()`用于元素的移除。这些方法使得DOM操作变得简单而直观。 3. **事件处理...
jQuery作为一个广泛使用的JavaScript库，提供了一系列方法来操作DOM元素，其中empty、remove和detach是三个用于元素移除的方法。它们虽然在功能上相似，但是在使用场合和具体行为上存在差异，接下来将对这三个方法...
jQuery提供了一系列的事件处理方法，如`.click()`, `.change()`, `.hover()`, `.keydown()`等，这些方法使事件处理更加简便。 6. **jQuery DOM操作**： 包括元素的创建与插入(`$(html)`, `.append()`, `.prepend...
【jQuery 使用方法详解】 jQuery 是一个广泛应用于网页开发的 JavaScript 库，因其简便高效而备受推崇。据统计，jQuery 在全球前 100 万的网站中占据主导地位，是微软官方推荐的库之一。掌握 jQuery 能够帮助开发者...
使用jQuery，可以方便地创建元素，如`$('<li></li>').text('好友名字')`，然后通过`.append()`方法将其添加到指定的父元素。 2. **删除好友**：当用户选择删除某位好友时，jQuery的事件监听和DOM操作再次发挥作用。...
接着，我们可以使用`.detach()`方法将选中项从原列表移除，然后使用`.append()`将其添加到目标列表。 ```javascript function moveOption(side, toSide) { var selected = $('#' + side + 'Options').find(':...
在jQuery库中，有三种主要的方法用于处理DOM节点的删除：`remove()`，`detach()`，以及`empty()`。每种方法都有其特定的用途，适用于不同的场景。 1. `remove()`方法 `remove()`是jQuery中最常用的删除节点的方法。...
这个版本的API文档是开发者在编写jQuery代码时不可或缺的参考资料，特别是对于那些对jQuery方法不熟悉或者对某些方法的功能感到困惑的开发者来说，更是如此。 该压缩包包含了两个文件，分别是“jquery.api.1.11.3 ...
这个“jQuery方法收录”涵盖了jQuery的核心功能和常见使用技巧，帮助开发者快速掌握jQuery的精髓。 ### 1. jQuery选择器 jQuery提供了多种选择器，用于高效地选取DOM元素。例如： - `$("#id")`：选取ID为指定值的...
3. **事件处理**: jQuery 使用 `.on()` 方法绑定事件，例如 `$(selector).on('click', function(){...})`。同时，`.off()` 方法可以解除事件绑定，`.trigger()` 可以触发已绑定的事件。 4. **属性操作**: 通过 `....
在网页中引入这个文件后，我们可以使用jQuery的所有方法和选择器。 `xialalrtb.html`文件是我们的工作核心。打开这个文件，你会看到一个包含列表项的HTML结构，这些列表项可能是无序列表（`<ul>`）或有序列表（`...
通过`$.fn.extend()` 可以添加新的方法到jQuery对象上，使得所有选择的元素都能使用这些方法。 **8. 版本和兼容性** jQuery.js 文件是jQuery库的源码，不同版本可能有不同的特性和性能优化。最新的版本通常提供更好...
对于大规模的DOM操作，可以使用jQuery的.clone()、.detach()或.html()方法提高效率。同时，合理使用事件代理可以减少事件绑定的数量，减轻内存压力。 最后，为了保证兼容性和用户体验，我们需要对各种浏览器进行...
2. 删除元素：$.remove()可以移除匹配的元素，$.detach()则保留事件处理函数的同时移除元素。 3. 查找元素：$.find()用于在当前匹配的元素集中查找后代元素，$.children()则只查找直接子元素。 4. 属性操作：$.attr...