美文网首页
对节点的操作-06-03

对节点的操作-06-03

作者: 我去你家歇会呗 | 来源:发表于2019-06-03 09:05 被阅读0次

    一、jq创建对象

    var $new = $("<a>这是一个标签</a>")

    二、添加元素

    父子节点插入

    append()父节点添加子节点     父.append(子节点)  把子节点添加到父节点中最后

    appendto()    子.appendto(父)将子节点添加到父节点中最后

    prepend()      

    prependto()

    同辈节点插入

    after() a节点.after(b节点)     将b节点插入到a节点的后面

    before()a节点.before(b节点)     将a节点插入到b节点的前面

    insertafter()

    insertbefore()

    三、删除节点的三种方法

    remove():删除整个节点   父节点.remove()

    empty():清空节点内容    父节点。empty()

    detach():删除元素,保留绑定事件和附加数据    父节点.detach( )

    四、替换节点

    replaceWith()    旧节点.replaceWith(新节点)

    replaceAll()        新节点.replaceWith(旧节点)

    五、节点复制

    clone():clone([true])  复制事件处理        clone([flase])不复制事件处理    默认flase

    eg:a节点.clone().appendTo(b节点)    复制a节点并添加到b节点后面

    六、绑定事件和移出事件

    bind(type,fn);    type:事件类型(click等)  fn:方法函数    绑定多个:bind{type:fn , type:fn , type:fn}

    unbind([type],[fn]);

    相关文章

      网友评论

          本文标题:对节点的操作-06-03

          本文链接:https://www.haomeiwen.com/subject/wusqxctx.html