jQuery使用append在html元素后同时添加多项内容的方法
更新时间：2015年03月26日 16:01:45 作者：上大王
这篇文章主要介绍了jQuery使用append在html元素后同时添加多项内容的方法,实例分析了jQuery中append追加内容的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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 onclick="appendText()">Append text</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
您可能感兴趣的文章:
- jQuery添加新内容的四个常用方法分析【append，prepend，after，before】
- 解决jQuery使用append添加的元素事件无效的问题
- jquery append与appendTo方法比较
- jquery 追加元素append、prepend、before、after用法与区别分析
- jquery在ie7下选择器的问题导致append失效的解决方法
- jquery append 动态添加的元素事件on 不起作用的解决方案
- 解决Jquery向页面append新元素之后事件的绑定问题
- jQuery中appendTo()方法用法实例
- jQuery中append()方法用法实例
- JS实现jQuery的append功能
相关文章
下拉自动加载进行分页的运用越来越多，比起传统的分页该方法分页用户体验更好，布局也更简单了。目前正在使用和学习中……2014-06-06
这篇文章主要介绍了jQuery对指定元素中指定字符串进行替换的方法,涉及jQuery针对字符串的匹配与替换的操作技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
这篇文章介绍了JQuery获取对象的方式，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
这篇文章主要介绍了 基于Jquery easyui 选中特定的tab的相关资料,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了JS中判断null、undefined与NaN的方法,需要的朋友可以参考下2014-03-03
JavaScript实现向select下拉框中添加和删除元素的方法
这篇文章主要介绍了JavaScript实现向select下拉框中添加和删除元素的方法,涉及jQuery中append()与remove()方法动态操作表单元素的相关技巧,需要的朋友可以参考下2017-03-03
禁止选中文字在某些时候还是蛮有必要的，比如不想让他人复制自己的文章之类的，下面为大家介绍下具体的实现方，而且兼容目前主流浏览器2013-09-09
这篇文章主要为大家详细介绍了基于jquery实现轮播焦点图插件，具有一定的参考价值，代码很详细，感兴趣的小伙伴们可以参考一下2016-03-03
各浏览器中querySelector和querySelectorAll的实现差异分析
querySelector和querySelectorAll的参数须是符合 css selector 的字符串。不同的是querySelector返回的是一个对象，querySelectorAll返回的一个集合(NodeList)2012-05-05
关于jQuery object and DOM element
本篇文章，小编将为大家介绍，关于jQuery object and DOM element，有需要的朋友可以参考一下2013-04-04
最新评论