WebApp开发-Zepto

zepto.js自己去官网下载哈。

DOM操作

$(document).ready(function(){
    var $cr = $("<div class='cr'>插入的div</div>");
    // 插入操作
    $("#a").append($cr);
    $cr.appendTo($("#a"));
    $("#a").prepend($cr);
    $cr.prependTo($("#a"));
    $("#a").after($cr);
    $cr.insertAfter($("#a"));
    $("#a").before($cr);
    $cr.insertBefore($("#a"));

    // 删除 remove\empty
    $("ul li").remove();
    $("ul li").empty();

    // 复制节点
    $("ul li").click(function(){
        $(this).clone().appendTo("ul");
    });

    // 替换节点  replaceWith
    $("p").replaceWith("<span>是的，哈哈</span>");

    // 包裹节点   wrap  wrapAll
    $("p").wrap("<div></div>");
    $("p").wrapAll("<div></div>");
});

本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。

本文地址：http://www.xlkjgs.com/notes/js/2642.html