2.创建节点元素
工厂函数$()用于获取或创建节点
$(selector):通过选择器获取节点
$(element):把DOM节点转化成jQuery节点
$(html):使用HTML字符串创建jQuery节点
插入子节点
元素内部插入子节点
语法 功能
append(content) $(A).append(B)表示将B追加到A中。如:$("ul").append($newNode1);
appendTo(content) $(A).appendTo(B)表示把A追加到B中。如:$newNode1.appendTo("ul");
prepend(content) $(A). prepend (B)表示将B前置插入到A中。如:$("ul"). prepend ($newNode1);
prependTo(content) $(A). prependTo (B)表示将A前置插入到B中。如:$newNode1. prependTo ("ul");
插入同辈节点
元素外部插入同辈节点
语法 功能
after(content) $(A).after (B)表示将B插入到A之后。如:$("ul").after($newNode1);
insertAfter(content) $(A). insertAfter (B)表示将A插入到B之后。如:$newNode1.insertAfter("ul");
before(content) $(A). before (B)表示将B插入至A之前。如:$("ul").before($newNode1);
insertBefore(content) $(A). insertBefore (B)表示将A插入到B之前。如:$newNode1.insertBefore("ul");
工厂函数$()用于获取或创建节点
$(selector):通过选择器获取节点
$(element):把DOM节点转化成jQuery节点
$(html):使用HTML字符串创建jQuery节点
插入子节点
元素内部插入子节点
语法 功能
append(content) $(A).append(B)表示将B追加到A中。如:$("ul").append($newNode1);
appendTo(content) $(A).appendTo(B)表示把A追加到B中。如:$newNode1.appendTo("ul");
prepend(content) $(A). prepend (B)表示将B前置插入到A中。如:$("ul"). prepend ($newNode1);
prependTo(content) $(A). prependTo (B)表示将A前置插入到B中。如:$newNode1. prependTo ("ul");
插入同辈节点
元素外部插入同辈节点
语法 功能
after(content) $(A).after (B)表示将B插入到A之后。如:$("ul").after($newNode1);
insertAfter(content) $(A). insertAfter (B)表示将A插入到B之后。如:$newNode1.insertAfter("ul");
before(content) $(A). before (B)表示将B插入至A之前。如:$("ul").before($newNode1);
insertBefore(content) $(A). insertBefore (B)表示将A插入到B之前。如:$newNode1.insertBefore("ul");