手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery使用append在html元素后同时添加多项内容的方法
jQuery使用append在html元素后同时添加多项内容的方法
摘要:本文实例讲述了jQuery使用append在html元素后同时添加多项内容的方法。分享给大家供大家参考。具体分析如下:下面的代码可以同时在文...

本文实例讲述了jQuery使用append在html元素后同时添加多项内容的方法。分享给大家供大家参考。具体分析如下:

下面的代码可以同时在文本段落后添加多项内容

<!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> function appendText() { var txt1="<p>Text.</p>"; // Create text with HTML var txt2=$("<p></p>").text("Text."); // Create text with jQuery var txt3=document.createElement("p"); txt3.innerHTML="Text."; // Create text with DOM $("body").append(txt1,txt2,txt3); // Append new elements } </script> </head> <body> <p>This is a paragraph.</p> <button>Append text</button> </body> </html>

希望本文所述对大家的jQuery程序设计有所帮助。

【jQuery使用append在html元素后同时添加多项内容的方法】相关文章:

jQuery子窗体取得父窗体元素的方法

jQuery切换所有复选框选中状态的方法

js获取滚动距离的方法

在JavaScript中使用开平方根的sqrt()方法

JQuery使用index方法获取Jquery对象数组下标的方法

JQuery实现动态添加删除评论的方法

jQuery实现表格行上移下移和置顶的方法

jQuery实现仿腾讯微博滑出效果报告每日天气的方法

jQuery仿gmail实现fixed布局的方法

jquery简单实现外部链接用新窗口打开的方法

精品推荐
分类导航