jQuery教程(11)-DOM树操作之DOM操作方法的简单归纳

文章标签: jquery,jquery-dom
2015-1-10 20:06:25     12 人阅读    

     DOM操作方法的简单归纳
对于jQuery提供的大量DOM操作方法,应该根据要完成的任务和元素的位置作出不同的选 择。本章只介绍了一部分DOM操作方法,但其他方法的使用与这些方法类似;第12章还将更全 面地讨论DOM操作方法。下面,我们简单地归纳出一些方法,这些方法几乎能够在任何情况下, 完成任何任务。
       要在HTML中创建新元素,使用$()函数。
     要在每个匹配的元素中插人新元素,使用:

.append()
.appendTo()
.prepend()
.prependTo()
    (3)要在每个匹配的元素相邻的位置上插人新元素,使用:
.after()
.insertAfter()
.before()
.insertBefore()
要在每个匹配的元素外部插人新元素,使用:
.wrap()
.wrapAll()
.wrap工nner()
要用新元素或文本替换每个匹配的元素,使用:
.html()
.text()
.replaceAll()
.replaceWith()
要移除每个匹配的元素中的元素,使用:
.empty()
要从文档中移除每个匹配的元素及其后代元素,但不实际删除它们,使用:
.remove()
.detach()


       在本章中,我们使用jQuery的DOM操作方法完成了元素的创建、复制、重组以及内容修饰等 操作。通过在一个网页上应用这些方法,将一组普通的段落转换成了带脚注、突出引用、返回链 接以及经过样式化的文本摘录。总之,这一章展示了使用jQuery添加、删除和重排内容有多么容 易。此外,我们还学习了如何修改页面元素的CSS和DOM属性。
下一章我们将通过jQuery的Ajax方法享受一次到服务器的往返旅行。


原文地址:http://www.itmmd.com/201501/470.html
该文章由 萌萌的IT人 整理发布,转载须标明出处。

以em为单位来布局页面的设置   上一篇
下一篇  Java程序常用算法 批量替换特定的字符串

精彩回复
发表评论
姓名:       

《程序员app》专门为程序员量身定做!