jquery中append()与appendto()用法分析
jQuery 分析 用法 append appendTo
2023-06-13 09:15:30 时间
本文实例分析了jquery中append()与appendto()的用法。分享给大家供大家参考。具体分析如下:
在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同,但是两者也有区别。
1、append()方法:在被选元素的结尾(但仍在元素内部)插入指定的内容。
a、语法:
b、append能够使用函数给被选元素附加内容,语法为:
例子:
<head>
<scripttype="text/javascript"src="/jquery/jquery.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").append("<b>HellojQuery!</b>");
});
});
</script>
</head>
<body>
<p>Thisisaparagraph.</p>
<p>Thisisanotherparagraph.</p>
<button>在每个p元素的结尾添加内容</button>
</body>
</html>
运行结果如下:
Thisisaparagraph.HellojQuery!
Thisisanotherparagraph.HellojQuery!
2、appendto()方法:在被选元素的结尾(但仍在元素的内部)插入指定的内容。但不能使用函数来附加内容。
语法:
例子:
<head>
<scripttype="text/javascript"src="/jquery/jquery.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("<b>HellojQuery!</b>").appendTo("p");
});
});
</script>
</head>
<body>
<p>Thisisaparagraph.</p>
<p>Thisisanotherparagraph.</p>
<button>在每个p元素的结尾添加内容</button>
</body>
</html>
运行结果如下:
Thisisaparagraph.HellojQuery!
Thisisanotherparagraph.HellojQuery!
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
- jwplayer html插件,jQuery插件JWPlayer视频播放器用法实例分析
- 生成二维码的 jQuery 插件:jquery.qrcode.js
- jquery 实现鼠标划过图片出现放大镜效果详解编程语言
- Jquery .ajax方法分析详解编程语言
- 用jQuery简化JavaScript开发分析
- JQuery优缺点分析说明
- jQuery源码分析笔记(2)变量列表
- jQuery选择器的工作原理和优化分析
- jQuery源码分析-04选择器-Sizzle-工作原理分析
- 基于jquery的web页面日期格式化插件
- jQuery源码中的chunker正则过滤符分析
- jQuery选择器项目实例分析及实现代码
- jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
- jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
- UpdatePanel和jQuery不兼容局部刷新jquery失效
- 使用Jquery实现点击文字后变成文本框且可修改
- Jquery通过Ajax方式来提交Form表单的具体实现
- jquery全选checkBox功能实现代码(取消全选功能)
- jquery的ajax和getJson跨域获取json数据的实现方法
- JS、DOM和JQuery之间的关系示例分析
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
- jQuery函数map()和each()介绍及异同点分析
- jQuery中DOM操作实例分析
- jquery中animate的stop()方法作用实例分析
- jQuery通过控制节点实现仅在前台通过get方法完成参数传递
- 解决jquery版本冲突的有效方法