jQuery：after（）和insertAfter（）之间有什么区别 [英] jQuery: What's the difference between after() and insertAfter()

问题描述

jQuery有一个 .after（）方法，还有一个 .insertAfter（）方法。

jQuery has an .after() method, and also an .insertAfter() method.

它们之间有什么区别？我想我可以使用 .after（）在所选元素（或元素）之后插入元素。是对的吗？什么是 .insertAfter（） for？

What's the difference between them? I think I can use .after() to insert elements after a selected element (or elements). Is that right? What's .insertAfter() for?

推荐答案

它们是相互对立的。

'之后'在选择器后插入参数。

'after' inserts the argument after the selector.

' insertAfter '在参数后插入选择器。

'insertAfter' inserts the selector after the argument.

下面是一个完成同样事情的例子：

Here is an example of the same thing done with:

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>
$( "<p>Test</p>" ).insertAfter( ".inner" );
Each inner <div> element gets this new content:
<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <p>Test</p>
  <div class="inner">Goodbye</div>
  <p>Test</p>
</div>

after（）之后：

after():

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>
$( ".inner" ).after( "<p>Test</p>" );

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <p>Test</p>
  <div class="inner">Goodbye</div>
  <p>Test</p>
</div>

这篇关于jQuery：after（）和insertAfter（）之间有什么区别的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！