jquery append与appendTo方法比较


Posted in jQuery onMay 24, 2017

jquery中append与appendTo方法区别

1. append(content)方法

方法作用:向每个匹配的元素内部追加内容。

参数介绍:content (<Content>): 要追加到目标中的内容。

用法示例:

HTML代码为<p>I come from </p><p>I love  </p>

向所有p标签中追加一个单词china,则写法为 $("p").append("china");

结果为:<p>I come from china</p><p>I love china </p>

2. appendTo(expr)方法

方法作用:把所有匹配的元素追加到指定的元素元素集合中。

参数介绍:expr (String): 用于匹配元素的jQuery表达式。

用法示例:

HTML代码为<b>I love china </b><p></p>

把标签b追加到p元素中,写法为$("b").appendTo("p");

结果为:><p><b>I love china </b></p>

使用appendTo这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

jQuery 相关文章推荐
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
Angular2使用jQuery的方法教程
May 28 jQuery
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
jQuery+ajax读取json数据并按照价格排序示例
Mar 28 jQuery
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
jQuery实现表单动态添加与删除数据操作示例
Jul 03 jQuery
使用jquery DataTable和ajax向页面显示数据列表的方法
Aug 09 jQuery
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
Jquery Datatables的使用详解
Jan 30 jQuery
jQuery日期范围选择器附源码下载
May 23 #jQuery
最常用的jQuery表单验证(简单)
May 23 #jQuery
jquery实现简单实用的轮播器
May 23 #jQuery
jquery实现图片轮播器
May 23 #jQuery
jQuery实现简单的滑动导航代码(移动端)
May 22 #jQuery
jQuery滑动到底部加载下一页数据的实例代码
May 22 #jQuery
jQuery表单验证之密码确认
May 22 #jQuery
You might like
认识并使用PHP超级全局变量
2010/01/26 PHP
PHP闭包实例解析
2014/09/08 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
2016/05/19 PHP
js 颜色选择器(兼容firefox)
2009/03/05 Javascript
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
2010/01/15 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
2014/11/23 Javascript
JS+CSS简单树形菜单实现方法
2015/09/12 Javascript
jquery验证邮箱格式并显示提交按钮
2015/11/07 Javascript
es6的数字处理的方法(5个)
2017/03/16 Javascript
微信小程序网络请求wx.request详解及实例
2017/05/18 Javascript
Vue代码分割懒加载的实现方法
2017/11/23 Javascript
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
2018/04/09 Javascript
node Buffer缓存区常见操作示例
2019/05/04 Javascript
浅谈vuex中store的命名空间
2019/11/08 Javascript
微信小程序报错: thirdScriptError的错误问题
2020/06/19 Javascript
vue3弹出层V3Popup实例详解
2021/01/04 Vue.js
[01:03:36]Ti4 循环赛第三日DK vs Titan
2014/07/12 DOTA
Python os模块学习笔记
2015/06/21 Python
有趣的Python图片制作之如何用QQ好友头像拼接出里昂
2020/04/22 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
Speedo速比涛中国官方网站:全球领先泳装运动品牌
2018/04/24 全球购物
个人作风剖析材料
2014/02/02 职场文书
股东协议书
2014/04/14 职场文书
大学生求职信范文
2014/05/24 职场文书
植物生产学专业求职信
2014/08/08 职场文书
员工团队活动方案
2014/08/28 职场文书
走群众路线剖析材料
2014/10/09 职场文书
学院党的群众路线教育实践活动第一阶段情况汇报
2014/10/25 职场文书
老公保证书
2015/01/17 职场文书
销售经理岗位职责
2015/01/31 职场文书
财务负责人岗位职责
2015/02/03 职场文书
教师读书笔记
2015/06/29 职场文书
大学生安全教育心得体会
2016/01/15 职场文书