Tag标签 | 收藏本站 | 设为首页 | 参考书籍 | web前端技术交流①群:WEB前端技术交流群 会员登录 | 会员注册

首页文字描述

会员投稿 RSS订阅 专注web前端: 要么读书、要么旅行,身体和精神必须要有一个在路上。【每天一小步,成功一大步】
搜索: 您的位置主页 > WEB前端 > Jquery/JS > jQuery的DOM操作 插入、删除、替换、克隆、包裹节点概括
隐藏/显示侧边栏

jQuery的DOM操作 插入、删除、替换、克隆、包裹节点概括

2013-12-16 14:43    来源:未知    责任编辑:admin    字号【

1.元素的插入


(1) 内部插入

append(content[,content]|function(index))
将content元素插入对象集中对象的里面,作为其最后一个子女(追加到对象内部的最后面)

appendTo(target)
将对象集中的对象都插入target元素里面,作为其最后一个子女(同上:插入的内容在前面,插入的对象为target,和append反过来了)

prepend(content[,content]|function(index))
将content元素插入对象集中对象的里面,作为其第一个子女(插入到对象内部的前面)

prependTo(target)
将对象集中的对象都插入target元素里面,作为其第一个子女(和prependTo反过来)

(2)、外部插入

before(content[,content]|function(index))
将content元素插入对象集中对象的前面

insertBefore(target)
将对象集中的对象都插入target元素前面

after(content[,content]|function(index))
将content元素插入对象集中对象的后面

insertAfter(target)
将对象集中的对象都插入target元素后面

2.元素的替换


replaceWith(conten|function)
用content来替换对象集中对象

replaceAll(target)
用对象集中所有对象来替换target元素,如果对象集中的对象在DOM文档中,这种替换会使原有对象从原来的位置被移除。

3.元素的删除


empty()
清空对象集中所有对象的子孙元素(保留对象本身)。

remove([selector])
删除对象集中的所有对象及其子孙元素,若有selector,则只删对象集中符合selector条件的对象及其子孙元素。(删除全部,包括自身)

detach([selector])
功能和remove一样,只是detach会将被删的对象返回,如果你还需要用到这些对象则用detach。

4.其他操作


克隆节点

clone([withdataandevents] [,deepwithdataandevents])
复制对象集中的对象。

包裹节点

wrap(element|function(index))
用某元素将对象集中的对象分别包含起来。(分别单独包裹)

unwrap()
将对象集中对象的父元素删除。

wrapAll(element)
用某元素将对象集中的所有对象包含起来。(当做整体包裹)

wrapInner(element|function(index))
将某元素分别放入对象集中的各对象中。


更多
Tags 标签: jQuery的DOM操作
责任编辑:admin
设为首页 | 加入收藏 | 关于我们| 版权声明 | 在线留言 | 网站地图 |