是否有jQuery .after()函数的替代方法

是的，有一些替代方法可以取代jQuery的.after()函数。以下是一些常用的替代方法：

1. 使用原生JavaScript的insertAdjacentHTML()方法：
   • 概念：insertAdjacentHTML()方法可以在指定元素的相对位置插入HTML代码。
   • 优势：原生JavaScript方法，无需引入额外的库。
   • 应用场景：在DOM中插入HTML代码。
   • 示例代码：const element = document.getElementById('targetElement'); element.insertAdjacentHTML('afterend', '<div>New element</div>');
2. 使用原生JavaScript的insertAdjacentElement()方法：
   • 概念：insertAdjacentElement()方法可以在指定元素的相对位置插入一个元素节点。
   • 优势：原生JavaScript方法，无需引入额外的库。
   • 应用场景：在DOM中插入元素节点。
   • 示例代码：const element = document.getElementById('targetElement'); const newElement = document.createElement('div'); newElement.textContent = 'New element'; element.insertAdjacentElement('afterend', newElement);
3. 使用原生JavaScript的appendChild()方法：
   • 概念：appendChild()方法可以将一个节点追加到指定父节点的子节点列表的末尾。
   • 优势：原生JavaScript方法，无需引入额外的库。
   • 应用场景：将一个节点追加到另一个节点的子节点列表的末尾。
   • 示例代码：const parentElement = document.getElementById('parentElement'); const newElement = document.createElement('div'); newElement.textContent = 'New element'; parentElement.appendChild(newElement);
4. 使用原生JavaScript的insertBefore()方法：
   • 概念：insertBefore()方法可以在指定父节点的子节点列表中的特定位置插入一个节点。
   • 优势：原生JavaScript方法，无需引入额外的库。
   • 应用场景：在指定位置插入一个节点。
   • 示例代码：const parentElement = document.getElementById('parentElement'); const referenceElement = document.getElementById('referenceElement'); const newElement = document.createElement('div'); newElement.textContent = 'New element'; parentElement.insertBefore(newElement, referenceElement.nextSibling);

这些方法都是原生JavaScript提供的，可以替代jQuery的.after()函数来实现在DOM中插入元素或HTML代码的功能。