本篇接上篇聊聊如何通过jQuery在页面元素外部插入节点。
三.外部插入节点
外部插入节点的方法如下表所示。
如下示例演示了调用 after() 方法,以 function 的返回值为参数,在指定元素的外部插入一个节点的过程。
<!doctype html> <html> <head> <title>动态插入节点方法 </title> <script type="text/javascript" src="Jscript/jquery-1.8.2.min.js"> </script> <style type="text/css"> body { font-size: 13px } </style> <script type="text/javascript"> $(function () { $("span").after(retHtml); //插入内容 function retHtml() { var str = "<span><b>Write Less Do More</b><span>" ; return str; } }) </script> </head> <body> <span>jQuery</span> </body> </html>
好了,本篇文章就介绍到这儿,欢迎大家留言交流;喜欢或有帮助到您的话,点个赞或推荐支持一下!