jquery 将元素排到最后_jQuery 节点操作

jQuery 节点操作

创建元素

• 语法：$('<li></li>')

追加元素 1

• 向父元素最后追加

语法：父元素jQuery对象.append(新创建的jQuery对象);

语法：新创建jQuery对象.appendTo('父元素选择器' 或 父元素jQuery对象);

• 向父元素最前面追加

语法：父元素jQuery对象.prepend(新创建的jQuery对象);

语法：新创建jQuery对象.prependTo('父元素选择器' 或 父元素jQuery对象);

追加元素 2

• 向元素后面追加新的兄弟

语法：jQuery对象.after(新创建的jQuery对象);

语法：新创建jQuery对象.insertAfter('选择器' 或 jQuery对象);

• 向元素前面追加新的兄弟

语法：jQuery对象.before(新创建的jQuery对象);

语法：新创建jQuery对象.insertBefore('选择器' 或 jQuery对象);

追加到指定元素的末尾

• append() 和 appendTo()

// 创建新的元素
        var $newLi = $("<li>这是新的li 标签</li>")
        // 获取ul元素
        var $ul = $("ul");
        var $oldLi = $(".old")

        // 向父元素最后添加新的子元素
        $ul.append($newLi);
        $newLi.appendTo($ul);
        $newLi.appendTo("ul");

        //