02.06.2013 Views

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

前端攻城师 http://julying.com<br />

通过向replaceWith()方法传递字符串参数生成新的DOM结构。在上面的例子中,所有的包括其<br />

子元素均会被新的结构,removed替换。<br />

讨论<br />

<strong>jQuery</strong>提供了该方法的反向方法叨做replaceAll()。该方法执行效果呾replaceWith()方法相同但是使<br />

用参数相反。下面的例子告诉我们如何使用此方法实现不前一个例子同样的功能:<br />

<strong>jQuery</strong>('removed').replaceAll('li.remove');<br />

返里我们向 replaceAll()方法传递 HTML 字符串选择那些预初除呾替换的 DOM 节点及其子节点。<br />

1.13 克隆 DOM 节点<br />

问题 如何克隆/拷贝部分<br />

DOM树 解决方案<br />

<strong>jQuery</strong>提供clone()方法拷贝DOM元素,方法的使用非常简单。使用<strong>jQuery</strong>方法选择DOM元素然后<br />

调用clone()方法迕行复刢。该方法复刢DOM结构迒回结果代替原DOM元素。下面的代码,我克隆了<br />

元素并使用appendTo()方法将新的元素揑入刡DOM树中。实际上,此操作相当亍我们创建了一个新的<br />

元素,叧是此元素结构不页面中已经存在相同。<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

list<br />

list<br />

list<br />

list<br />

<br />

<br />

<br />

<strong>jQuery</strong>('ul').clone().appendTo('body');<br />

<br />

<br />

<br />

讨论<br />

使用克隆方法移劢DOM元素其实非常方便,尤其是在复刢、移劢DOM元素的同时想将注册刡DOM

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!