码迷,mamicode.com
首页 > Web开发 > 详细

jquery(dom操作方法)

时间:2016-04-02 16:03:28      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:

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()给每个匹配元素一个父元素。

 

jquery(dom操作方法)

标签:

原文地址:http://www.cnblogs.com/takeern/p/5347613.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!