JSLite Online Manual /JSLite - 插入节点方法

JSLite - 插入节点方法

如有疑问欢迎到这些地方交流，欢迎加入JSLite.io组织团伙共同开发！

prepend

插入到标签开始标记之后（里面的第一个）。
prepend(content) ⇒ selfprepend(Function) ⇒ self

$("#box").prepend("dd") //⇒ self $("#box").prepend(function(){ return "asdfasdf" }) //⇒ self

将生成的内容插入到匹配的节点标签开始标记之后。这有点像prepend，但是是相反的方式。
prependTo(selector) ⇒ self

$("test
").prependTo("#box")

插入到标签结束标记前（里面的结尾）。
append(content) ⇒ selfappend(Function) ⇒ self

$("#box").append("dd") //⇒ self $("#box").append(function(){ return "asdfasdf" }) //⇒ self

将生成的内容插入到匹配的元素标签结束标记前（里面的最后）。这个有点像append，但是插入的目标与其相反。appendTo(selector) ⇒ self

$("test
").appendTo("#box")

插入到标签结束标记后。（兄弟节点的下面）
after(content) ⇒ selfafter(Function) ⇒ self

$("#box").after("dd") //⇒ self $("#box").after(function(){ return "asdfasdf" }) //⇒ self

插入的对象集合中的元素到指定的每个元素后面的dom中。这个有点像after，但是使用方式相反。
insertAfter(selector) ⇒ self

$("test
").insertAfter("#box") //⇒ self $("#input").insertAfter("#box") //⇒ self $("#input")

插入到标签开始前。
after(content) ⇒ selfafter(Function) ⇒ self

$("#box").before($("input")) //⇒ self $("#box").before(function(){ return "asdfasdf" }) //⇒ self

将生成的内容插入selector匹配的节点标签开始前。这个有点像before，但是使用方式相反。insertBefore(selector) ⇒ self

$("test
").insertBefore("#box")

移除集合中每个元素的直接父节点，并把他们的子元素保留在原来的位置。基本上，这种方法删除上一的祖先元素，同时保持DOM中的当前元素。replaceWith(content|fn)

$("p").unwrap() // ⇒ self

将所有匹配的元素替换成指定的HTML或DOM元素。
replaceWith(content|fn)


Hello

And

Goodbye



$(".third").replaceWith($(".first")); // ⇒ 返回 “.third” 节点
上面的结果

 And
 Hello

clone() ⇒ collection
通过深度克隆来复制集合中的所有元素。(通过原生cloneNode方法深度克隆来复制集合中的所有元素。此方法不会有数据和事件处理程序复制到新的元素。这点和jquery中利用一个参数来确定是否复制数据和事件处理不相同。)

$("body").append($("#box").clone())

← JSLite - 查找节点