jQuery DOM插入节点操作指南

前端之家收集整理的这篇文章主要介绍了jQuery DOM插入节点操作指南前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

方法内部追加内容HTML代码

我想说:

jQuery代码

$("p").append("你好");

结果:

我想说:你好

将所有匹配的元素追加到指定的元素中

。实际上,使用该方法是颠倒了常规

的$(A).append(B)的操作,是将A追加到B中。

HTML代码我想说:

代码:

$("你好").appendTo("p")

我想说:你好

内部前置内容HTML代码:

我想说:

代码:

你好")

你好我想说:

将所有匹配的元素前置到指定的元素中

。实际上,使用该方法是颠倒了

常规$(A).prepend(B)操作。

HTML代码:

我想说:

代码:

你好").prependTo("p")

你好我想说:

内容HTML代码:

我想说:

代码:

你好")

我想说:

你好

将所有匹配的元素插入到指定元

素的后面,实际上,使用该方法

是颠倒了常规的$(A).after(B)操作

HTML代码:

我想说:

代码:

你好").insertAfter("p")

我想说:

你好

内容HTML代码:

我想说:

代码:

你好")

你好

我想说:

将所以匹配的元素插入到指

定的元素的前面。实际上,

使用该方法是颠倒了常规

的$(A).before(B)的操作。

HTML代码:

我想说:

代码:

你好").insertBefore("p")

你好

我想说:

以上就是本文的全部内容了,希望大家能够喜欢。

猜你在找的jQuery相关文章