jQuery 基础+选择器教程 - 七月、前端攻城师王子墨
jQuery 基础+选择器教程 - 七月、前端攻城师王子墨
jQuery 基础+选择器教程 - 七月、前端攻城师王子墨
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