您的位置:首页 > Web前端 > JQuery

jquery(dom操作方法)

2016-04-02 15:14 218 查看
1 创建节点

内部插入 { 1 append() $(selector).append("html,jquery,dom") 接受html字符串,匹配jquery和dom对象 插入节点后面

2 prepend() 同上 ,插入元素位置前面

}以上两种方法都具有破坏性,当重复调用则会删除前面匹配对象

外部插入 { 1 affter() 匹配元素之前插入

2 before() 匹配元素之后插入

}

内部插入与外部插入区别在于内部插入后与原节点关系为父子节点,而外部插入为兄弟节点。

2 删除内容 dom内置方法(nodechild.removechild(node)

{

1 remove(selector) 主要删除当前匹配节点以及包含的子节点

2 empty() 同上 但不删除当前匹配节点

3 datach([expr])expr是一个选择表达式将需要移出元素从匹配元素中过滤出来 与上面两种方法不同detach()移除的节点以及节点内容都会保存下来 可以后面再接入dom文档中

}

3 包裹内容

{

外包

1 wrap(wrappingElement)参数表示html,选择表达式,jquery和dom对象

内包

2 wrapinner(xx)同上

总包

3 wrapall(xx)

卸包

4 unwrap()无参数 能将匹配元素的父级元素删除保留自身和兄弟元素

}

wrap()与wrapinner()区别于前者给匹配节点加入父节点后者添加子节点 ,而wrapall()给整个匹配元素一个父元素,而wrap()给每个匹配元素一个父元素。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: