jQuery插入方法

先创建 var B= $(’

’)

内部插入

$(A).append(B):向每个匹配的元素内部追加内容。把B追加到A中
$(A).appendTo(B):使用这个方法是颠倒了常规的$(A).append(B)的操作,即把A追加到B中。
上面这两个方法是添加到后面,而下面的方法是添加到前面
$(A).prepend(B):向每个匹配的元素内部前置内容。
这是向所有匹配元素内部的开始处插入内容的最佳方式。
$(A)prependTo(B):使用这个方法是颠倒了常规的$(A).prepend(B)的操作,即不是把B前置到A中,而是把A前置到B中。

外部插入

after()

html代码:
<p>I would like to say: </p>
js代码:
$("p").after("<b>Hello</b>");

执行结果为:<p>I would like to say: </p><b>Hello</b>


before()

html代码:
<p>I would like to say: </p>
js代码:
$("p").before("<b>Hello</b>");

执行结果为:<b>Hello</b><p>I would like to say: </p>

猜你喜欢

转载自blog.csdn.net/weixin_49549509/article/details/108249182
今日推荐