作者:木头人2幸福 | 来源:互联网 | 2023-06-22 19:19
注:摘自《锋利的jQuery(第二版)》
append()
向每个匹配的元素内部追加内容:
appendTo()
将所有匹配的元素追加到指定的元素中。实际上,使用该方法是颠倒了常规的$(A).append(B)的操作,即不是将B追加到A中,而是将A追加到B中:
HTML代码:
我想说:
jQuer代码:
$("
你好").appendTo("p");
结果:
我想说:你好
向每个匹配的元素内部前置内容:
HTML代码:
我想说:
jQuer代码:
$("p").prepend<"
你好");
结果:
你好我想说:
prependTo()
将所有匹配的元素前置到指定的元素中。实际上,使用该方法是颠倒了常规的$(A).prepend(B)的操作,即不是将B前置到A中,而是将A前置到B中:
HTML代码:
我想说:
jQuer代码:
$("
你好").prependTo("p");
结果:
你好我想说:
after()
在每个匹配的元索之后插入内容:
HTML代码:
我想说:
jQuer代码:
$("p").after("
你好");
结果:
我想说:
你好
insertAfler()
将所有匹配的元素插入到指定元素的后面。实际上,使用该方法是颠倒了常规的$(A).after(B)的操作,即不是将B插入到A后面,而是将A插入到B后面:
HTML代码:
我想说:
jQuer代码:
$("p").after("
你好");
结果:
我想说:
你好
before()
在每个匹配的元素之前插入内容:
HTML代码:
我想说:
jQuer代码:
$("p").before("
你好");
结果:
你好我想说:
insertBefore()
将所有匹配的元素捅入到指定的元素的前面。实际上,使用该方法是颠倒了常规的$(A).before(B)的操作,即不是将B插入到A前面,而是将A插入到B前面:
HTML代码:
我想说:
jQuer代码:
$("
你好").insertBefore("p");
结果:
你好我想说: