首页 > jQuery
jQuery中的节点操作
发布时间:2015-06-02 23:43:45
访问量:94

    在写特效时,总是少不了节点的添加和删除,下面介绍几种常用的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>")

相关文章 更多文章
UEditor 代码的高亮显示
测试代码
Ajax中GET与POST方式的选择
jQuery选择器的种种
jQuery之处理字符串(一)
发表评论 0
网友评论
© 2010-2015 PekingPiao.com
版权所有 DBR
Mem
Top