当前位置:网站首页 / 建站知识 / 网站制作知识

网站制作中页面DOM操作方法的简单归纳

发布时间:2017-04-11 23:07点击次数:

对于JQuery提供的大量DOM操作方法,应该根据要完成的任务和元素的位置做出不同的选择。下面,我们简单的归纳出一些方法,这些方法几乎能够在任何情况下完成任何任务。

(1)要在HTML中创建新元素,使用$()函数。

(2)要在每个匹配的元素中插入新元素,使用:

.append()

.appendTo()

.prepend()

.prependTo()

(3)要在每个匹配的元素相邻的位置上插入新的元素,使用:

.affer()

.insertAffer()

.before()

.insertBefore()

(4)要在每个匹配的元素外部插入新元素,使用

.wrop()

.wrapAll()

.wrapInner()

(5)要用新元素或文本替换每个匹配的元素,使用:

.html()

.text()

.replaceAll()

.replaceWith()

(6)要移除每个匹配的元素中的元素,使用:

.empty()

(7)要从文档中移除每个匹配的元素及其后代元素,但不实际删除它们,使用:

.remove()

.datach()