<!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=gb2312" />
<title>AppendTo的使用方法</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('.box1').click(function(){
//说明：clone(true或false)：克隆匹配的DOM元素并且选中这些克隆的副本。
// V1.5以上版本默认值是：false,即clone()等价于clone(false)
//整理：leeyea #2013-01-16
$(this).appendTo('.box2')//将box1剪切到box2，本身的click事件消失（如图1-图2，此时B中的A无事件响应）
//$(this).clone(true).appendTo('.box2')//将box1的所有事件、样式都克隆到box2中（如图4，只要点击A容器就会执行事件）
//$(this).clone(false).appendTo('.box2')//将box1克隆到box2，但其事件除外（如图3，只有点击选中的A容器才能执行事件）
})
})
</script>
<style type="text/css">
div{border-bottom:2px solid #ccc}
</style>
</head>
<body>
<div class="box1">A</div>
<div class="box2">B</div>
</body>
</html>
图1（默认样式）
图2
图3
图4
分享到：
相关推荐
本文实例讲述了jQuery中appendTo()方法用法。分享给大家供大家参考。具体分析如下： 此方法把匹配的元素插入指定元素结尾，插入位置在元素的内部。 appendTo()方法的作用和append()方法是相同的，但是语法是不同的，...
jQuery作为一款非常流行的JavaScript库，提供了非常简便的方法来实现这些操作。在这些方法中，append()和appendTo()是两个非常实用的函数，它们可以用来在选定元素内部的末尾添加内容。尽管它们的功能相似，但在使用...
jquery中append与appendTo方法区别 1. append(content)方法 方法作用：向每个匹配的元素内部追加内容。 参数介绍：content (): 要追加到目标中的内容。 用法示例： HTML代码为<p>I come from </p><p>I love 向...
### JQUERY 常用方法大全 #### 一、Attribute（属性操作） 1. **`.addClass()`** - **用途**：为匹配元素添加一个或多个类。 - **示例**： ```javascript $("p").addClass("highlight"); ``` 这将为所有的`...
jQuery 文档操作方法详解 jQuery 文档操作方法是 jQuery 库中的一组强大且实用的函数，用于操作 HTML 和 XML 文档中的元素。这些方法可以帮助开发者快速高效地操作文档结构，提高开发效率和代码质量。本文将对 ...
以下是对标题“jquery常用的方法”中提到的一些主要jQuery方法的详细解释： 1. **添加样式**: `$(”p”).addClass(css中定义的样式类型)` - 这个方法用于向指定的元素添加CSS类，例如`addClass("highlight")`可以将...
根据提供的文件信息，我们可以归纳出一系列关于jQuery的重要知识点与用法。jQuery是一个快速、简洁的JavaScript库，使得用户能够更方便地处理HTML文档、选择DOM元素、制作动画效果，并为网页提供事件处理、Ajax交互...
接下来将详细介绍文件中提到的jQuery方法。 ### DOM操作方法 - **addClass()**：给选定的元素添加一个或多个类样式。例如，`$("p").addClass("newClass");`会给所有`<p>`元素添加`newClass`类。 - **attr()**：...
然后，我们使用jQuery的`find()`方法找到新行中的每个单元格（id分别为"id"、"url"和"title"），并使用`text()`方法将JSON对象的相应属性值赋给它们。最后，我们使用`appendTo()`方法将新创建的行添加到表格的tbody...
2. **DOM 操作**: jQuery 提供了方便的方法来创建、修改和删除 DOM 元素。例如，`$( "<div></div>" ).appendTo( "#container" )` 可以在 ID 为 "container" 的元素后面添加一个新的空 div。 3. **事件处理**: 使用 ...
在JQuery中，事件和方法是其核心功能，使得开发者能够高效地编写交互性强的网页应用。以下是对标题和描述中提及的一些主要知识点的详细说明： 1. **DOM操作**： - `addClass()`：向匹配元素添加指定的CSS类，增强...
此类插件可以发挥出jQuery选择器的强大优势，有相当一部分的jQuery的方法，都是在jQuery脚本库内部通过这种形式“插”在内核上的，例如：parent()方法、appendTo()方法等。这些方法在现在来看都是jQuery本身自带的...
以下是对标题和描述中提到的jQuery事件方法的详细说明： 1. **添加样式**: `$("p").addClass("样式类名")` - 这个方法用于向选择的元素添加指定的CSS类，例如添加一个名为"highlight"的样式。 2. **设置属性**: `$...
### Jquery常用方法详解 #### 属性操作 (Attribute) 1. **添加样式**: `$("p").addClass(css中定义的样式类型);` - **描述**：这个方法用于给指定的`<p>`元素添加一个已在CSS中定义好的类名。 - **应用场景**：...
在本篇文章中，我们将深入探讨 jQuery 中的 AJAX 方法及其相关操作。 AJAX (Asynchronous JavaScript and XML) 是一种创建动态网页的技术，允许在不重新加载整个页面的情况下更新部分网页内容。jQuery 提供了一个...