这次给大家带来使用jquery替换节点元素（附代码），使用jquery替换节点元素的注意事项有哪些，下面就是实战案例，一起来看一下。
<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>中国</title> <script type="text/javascript" src="../jquery-3.3.1/jquery-3.3.1.js"></script> <script type="text/javascript"> $(document).ready(function () { $(button#button-replacewith).click(function () { $(p).replacewith(<strong>您好!我最喜欢的it公司是：</strong>); $([name='name-replace']).replacewith(<tr><td>name-replace</td><td>name-replace</td><td>name-replace</td></tr><tr><td>name-replace</td><td>name-replace</td><td>name-replace</td></tr>); }); }); </script></head><body> <h2>超实用的jquery代码段-jquery插入节点元素的方法</h2> <p>您好！您最喜欢的it公司是:</p> <ul> <li title="google">google</li> <li title="apple">apple</li> <li title="microsoft">microsoft</li> </ul> <table name="name-replace"> </table> <button id="button-replacewith">替换节点元素</button></body></html>
效果图如下：
如图（1）
如图（2）
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
如何操作js给动态元素增加事件
js动态添加方法与php动态添加方法比较
以上就是使用jquery替换节点元素（附代码）的详细内容。