• jQuery——节点操作


    创建节点

    1、$():创建一个li标签

    $("<li class='aaa'>我是li标签</li>")

    2、html():创建一个li标签并同时添加到ul盒子中,这个添加实际上是整体替换

     $("ul").html("<li>我是html方法穿件出来的li标签</li>")

    添加节点

    1、append():在ul盒子内最后一位添加li标签

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

    2、appendTo():同上,只是添加的对象在前面

    jqNewLi.appendTo($("ul"));

    3、prepend():在ul盒子内第一位添加li标签

    $("ul").prepend(jqNewLi);

    4、prependTo():同上,只是添加的对象在前面

    jqNewLi.prependTo($("ul"));

    5、after():在li标签后添加新的标签,特别注意------此处是在已有的所有li后追加一个新的li标签

    $("li").after(jqNewLi);

    6、before():在li标签前添加新的标签,特别注意------此处是在已有的所有li前追加一个新的li标签

    $("li").before(jqNewLi);

    删除节点

    1、html(""):清空ul盒子中所有子节点

    $("ul").html("");

    2、empty(""):清空ul盒子中所有的子节点

    $("ul").empty();

    3、remove():删除指定节点----自杀!

    $("li:eq(0)").remove();

     复制节点

    1、clone():复制指定节点,默认是深层复制,内部所有内容都复制

    $(".box ul").clone();
  • 相关阅读:
    Flex 医疗行程图
    java cmd 命令
    面向对象的ExtJS场景开发
    spring Integration服务总线

    Vue.js 渲染函数, JSX(未掌握,未学完)
    JavaScript--Array; Array.prototype
    Vue.js 响应式原理
    Turbolinks
    LINQ 操作符
  • 原文地址:https://www.cnblogs.com/wuqiuxue/p/8033255.html
Copyright © 2020-2023  润新知