jQuery中的节点操作
twocode

    在写特效时,总是少不了节点的添加和删除,下面介绍几种常用的jQuery常用方法:

    添加节点

    $("p").append("<span>www.pekingpiao.com</span>");           向p元素中追加span 

    $("<span>www.pekingpiao.com</span>").appendTo("p");

    将span追加到p元素中 

    $("p").prepend("<span>www.pekingpiao.com</span>");

    向p中前置span 

    $("<span>www.pekingpiao.com</span>").prependTo("p");

    将span前置到p元素中 

    $("p").after("<span>www.pekingpiao.com</span>");

    向p元素后插入span 

    $("<span>www.pekingpiao.com</span>").insertAfter("p");

    将span插入到p元素后边 

    $("p").before("<span>www.pekingpiao.com</span>");

    在p元素之前添加span 

    $("<span>www.pekingpiao.com</span>").insertBefore("p");

    将span插入到p元素前面 


    删除节点

    var li=$("ul li:eq(1)").remove();

    删除ul节点中第2个元素节点 

    $("ul").append($li);

    把刚删除的元素节点从新添加到ul元素中去 

    $("ul li").remove("li[title!=菠萝]");

    将ul元素下title属性不等于"菠萝"的li元素删除 

    $("ul li:eq(1)").empty();

    清空ul节点下第2个li元素的内容 


    复制节点 

    $(this).clone(true).appendTo("ul");

    复制当前点击的节点,并将它追加到ul元素中,当添加参数时复制它的事件 


    替换节点 

     $("p").replaceWith("<strong>般若波罗蜜</Strong>")

网友评论已关闭