javascript - $ fn.insertAfter()和$ fn.after()jQuery

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

最佳答案

$.fn.after() 在目标元素之后插入一个元素，您可以在该元素上调用它。

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

而 $.fn.insertAfter 在您指定的节点之后插入目标元素:

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

最喜欢后者，因为您为新创建的元素保留了引用并可以在其上链接更多方法。因此，例如:

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

是可能的。您不能使用 .after() 来做到这一点。 .append() / .appendTo() 和 .insertBefore() / .before() 同样