$fn.insertAfter() 和 $fn.after() Jquery

发布于 2024-10-17 04:01:23 字数 94 浏览 5 评论 0原文

我知道 $fn.insertAfter() 用于在作为参数提供的元素之后插入元素。 $fn.after() 与它有何不同？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

好听的两个字的网名 2024-10-24 04:01:23

$.fn.after()^帮助在您调用的 target 元素之后插入一个元素。

$('div').after('<div>new div</div>');

而 $.fn.insertAfter 插入您指定的节点后面的 target 元素：

$('<div>new div</div>').insertAfter($('#someid'));

后者通常是首选，因为您保留对新创建的元素的引用，并且可以在其上链接更多方法。例如：

$('<div>new div</div>')
   .insertAfter($('#someid'))
   .attr('foo', 'bar')
   .css({
      'background-color': 'red'
   });

是可能的。您不能使用 .after()^help。 .append()^help / .appendTo()^帮助和 .insertBefore()^help / < a href="http://api.jquery.com/before/" rel="nofollow">.before()^帮助

$.fn.after()^help inserts an element after the target element, on which you call it.

$('div').after('<div>new div</div>');

whereas, $.fn.insertAfter inserts the target element after the node you specify:

$('<div>new div</div>').insertAfter($('#someid'));

The latter is mostly prefered, because you keep a reference to the newly created element and can chain more methods on it. So for instance:

$('<div>new div</div>')
   .insertAfter($('#someid'))
   .attr('foo', 'bar')
   .css({
      'background-color': 'red'
   });

is possible. You cannot do that with .after()^help. The same thing is for .append()^help / .appendTo()^help and .insertBefore()^help / .before()^help

回复收藏 0 原文

蓝天 2024-10-24 04:01:23

这是同一件事的示例，区别在于选择器的上下文。 insertAfter 在参数后面插入所选元素
after 在所选元素之后插入参数。

$('<div id="foo"></div>').insertAfter('#bar');
$('#bar').after('<div id="foo"></div>');

This is an example of the same thing, the difference is the context of the selector. insertAfter inserts the selected element after the parameter
after inserts the parameter after the selected element.

$('<div id="foo"></div>').insertAfter('#bar');
$('#bar').after('<div id="foo"></div>');

回复收藏 0 原文

如痴如狂 2024-10-24 04:01:23

直接引用文档：

.after() 和 .insertAfter()
方法执行相同的任务。这
主要区别在于
语法——具体来说，在放置中
的内容和目标。和
.after()，选择器表达式
方法前面是容器
之后插入内容。
另一方面，使用 .insertAfter()
一方面，内容先于方法，
作为选择器表达式或作为
动态创建的标记，它是
插入到目标容器之后。