跳到主要内容

1 篇博文 含有标签「jq插入」

查看所有标签

· 阅读需 1 分钟
在被选元素（里）的结尾插入内容
表达式：$(selector).append(content);
<p>Hello</p>
$('p').append('<b>Zyw</b>');
<p>
    Hello
    <b>Zyw</b>
</p>

appendTo()

在被选元素（里）的结尾插入内容
表达式：$(content).appendTo(selector);
<p>Hello</p>
$('<b>Zyw</b>').appendTo($('p'));
<p>
    Hello
    <b>Zyw</b>
</p>

prepend()

在被选元素（里）的开头插入内容
表达式：$(selector).prepend(content);
<p>Hello</p>
$('p').prepend('<b>Zyw</b>');
<p>
    <b>Zyw</b>
    Hello
</p>

prependTo()

在被选元素（里）的开头插入内容
表达式：$(content).prependTo(selector);
<p>Hello</p>
$('<b>Zyw</b>').prependTo($('p'));
<p>
    <b>Zyw</b>
    Hello
</p>

after()

在被选元素（外）之后插入内容
表达式：$(selector).after(content);
<p>Hello</p>
$('p').after('<b>Zyw</b>');
<p>Hello</p>
<b>Zyw</b>

before()

在被选元素（外）之前插入内容
表达式：$(selector).before(content);
<p>Hello</p>
$('p').before('<b>Zyw</b>');
<b>Zyw</b>
<p>Hello</p>

多多记录，方便以后查看。