learning jQuery 学习笔记十三（+jQuery 1.4.1 API）-- DOM操作-基于命令改变页面 ----复制元素及其它

[b][b][b][b][b][b]注：本笔记内容摘自《jQuery基础教程》+ jQuery 1.4.1中文参考[/b][/b][/b][/b][/b]

[/b]

复制元素

在默认情况下，.clone()方法不仅会复制匹配的元素，也会复制其所有的后代元素。不过，可以为这个方法传递一个参数，如果将这个参数设置为false，那么就只会复制匹配的元素。

jQuery 1.4.1 API

clone() 返回值:jQuery

概述

克隆匹配的DOM元素并且选中这些克隆的副本。

在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。

示例

描述:

克隆所有b元素（并选中这些克隆的副本），然后将它们前置到所有段落中。

HTML 代码:

<b>Hello</b><p>,how are you?</p>

jQuery 代码:

$("b").clone().prependTo("p");

结果:

<b>Hello</b><p><b>Hello</b>,how are you?</p>

clone(true) 返回值:jQuery

概述

元素以及其所有的事件处理并且选中这些克隆的副本

在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。

参数

true Boolean

设置为true以便复制元素的所有事件处理

示例

描述:

创建一个按钮，他可以复制自己，并且他的副本也有同样功能。

HTML 代码:

<button>CloneMe!</button>

jQuery 代码:

$("button").click(function(){

$(this).clone(true).insertAfter(this);

});

其它方法

empty() 返回值:jQuery

概述

删除匹配的元素集合中所有的子节点。

示例

描述:

把所有段落的子元素（包括文本节点）删除

HTML 代码:

<p>Hello,<span>Person</span> <a href="#">andperson</a></p>

jQuery 代码:

$("p").empty();

结果:

<p></p>

remove([expr]) 返回值:jQuery

概述

从DOM中删除所有匹配的元素。

这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。

参数

expr (可选)String

用于筛选元素的jQuery表达式

示例

描述:

从DOM中把所有段落删除

HTML 代码:

<p>Hello</p>how are <p>you?</p>

jQuery 代码:

$("p").remove();

结果:

how are

描述:

从DOM中把带有hello类的段落删除

HTML 代码:

<pclass="hello">Hello</p> how are <p>you?</p>

jQuery 代码:

$("p").remove(".hello");

结果:

how are<p>you?</p>