jQuery中的DOM节点

jQuery中的DOM节点的一些操作

一、DOM节点操作

1、$('<div id="box">111</div>');

DOM中创建节点的方法 直接在$内部写药常见的内容 中文最好写在html文

档内 写在js文档内可能会出现乱码的情况

2、prepend()方法、append()方法

向指定元素的内部前面、后面插入节点

内部可以直接在""引号内些如要添加的内容

内部还可以传入function(index,html)函数

index参数表示的是元素的索引值

html参数表示的是获得文本中原本的内容

3、prependTo()方法、appendTo()方法

将指定的元素移入到指定的元素的内部的前面、后面

()内部需要填写移入到的元素的名称

4、before()方法、after()方法

向指定元素的外部前面、后面插入节点

内部可以直接在""引号内些如要添加的内容

内部还可以传入function(index,html)函数

index参数表示的是元素的索引值

html参数表示的是获得文本中原本的内容

5、insertBefore()方法、insertAfter()方法

将指定的元素移入到指定的元素的外部的前面、后面

()内部需要填写移入到的元素的名称

只能用于同级元素之间 不能用于父级与子级元素之间

6、wrap()方法、wrapAll()方法、wrapInner()方法

wrap()方法、wrapAll()方法

可以实现用指定的元素将指定的元素在外部进行包裹

wrapInner()方法

可以实现用指定的元素将指定的元素在内部进行包裹

wrap()方法 将每一个元素当成一个独立体

wrapAll()方法 将所有的元素当成一个独立体

可以在()内部""引号内直接加包裹的html代码

可以在()内部传入Element对象的形式传入包裹的元素

可以在()内部传入function(index)函数

index参数为被包含元素的索引值

7、unwrap()方法

可以将元素的包裹元素移除 每次只能移除一层包裹元素

8、clone()方法

可以实现对节点的复制 里面可以传入参数

参数为true时 可以将节点的方法进行复制

参数为false时 只能复制节点 不能复制节点的方法

参数的默认值为false

9、remove()方法、detach()方法、empty()方法

remove()方法可以实现将节点删除 可以通过id、class值将节点删除

删除节点后一起删除节点的方法

detach()方法可以实现将节点删除 可以通过id、class值将节点删除

删除节点后不会删除节点的方法

empty()方法可以实现清空节点里面的所有内容 但会将节点的标签留下来

10、replaceWidth()方法、replaceAll()方法

这两种方法都可以实现指定元素标签之间的替换

节点被替换后 所包含的事件行为会全部消失

replaceWith()方法 是()内的元素替换前面指定的元素标签

replaceAll()方法 是前面指定的元素替换()内指定的元素标签