05-jQuery文档操作

添加节点方法

  • 内部插入
append(content|fn)
appendTo(content)
会将元素添加到指定元素内部的最后

prepend(content|fn)
prependTo(content)
会将元素添加到指定元素内部的最前面
  • 外部插入
外部插入
after(content|fn)
会将元素添加到指定元素外部的相邻后面

before(content|fn)
会将元素添加到指定元素外部的相邻前面

insertAfter(content)
insertBefore(content)

删除节点方法

    删除自身节点
    remove([expr])
    detach([expr])
    删除指定元素, 删除指定元素的内容和子元素, 指定元素自身不会被删除
    empty()
    注意点: detach删除之后再重新添加,原有事件可以响应
           利用remove删除之后再重新添加,原有的事件无法响应

替换节点的方法

替换
replaceWith(content|fn)
replaceAll(selector)
替换所有匹配的元素为指定的元素

复制节点方法

  • clone()方法传入false参数就是浅复制, 如果传入true参数就是深复制
    浅复制只会复制元素, 不会复制元素的事件,默认
    深复制会复制元素, 而且还会复制元素的事件
    //浅复制(默认)false
    $("button").eq(0).click(function () {
        var $li = $("li:first").clone(false);
        $("ul").append($li);
    });

    //深复制true
    $("button").eq(1).click(function () {
        var $li = $("li:first").clone(true);
        $("ul").append($li);
    });


    //li注册事件
    $("li").click(function () {
        alert($(this).html());
    });

你可能感兴趣的:(05-jQuery文档操作)