Code666 (代码贴、代码片段)

[JavaScript] jQuery通过after()方法在元素后面添加多项内容 →→→→→进入此内容的聊天室

来自 , 2019-11-04, 写在 JavaScript, 查看 97 次.
URL http://www.code666.cn/view/1becf26e
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
  5. </script>
  6. <script>
  7. function afterText()
  8. {
  9. var txt1="<b>I </b>";                    // Create element with HTML
  10. var txt2=$("<i></i>").text("love ");     // Create with jQuery
  11. var txt3=document.createElement("big");  // Create with DOM
  12. txt3.innerHTML="jQuery!";
  13. $("img").after(txt1,txt2,txt3);          // Insert new elements after img
  14. }
  15. </script>
  16. </head>
  17. <body>
  18.  
  19. <img src="/images/w3jquery.gif" alt="jQuery" width="100" height="140">
  20. <br><br>
  21. <button onclick="afterText()">Insert after</button>
  22.  
  23. </body>
  24. </html>
  25.  
  26. //javascript/8111

回复 "jQuery通过after()方法在元素后面添加多项内容"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666