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
jquery实现倒计时小应用
Sep 19 jQuery
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
jQuery+CSS实现的标签页效果示例【测试可用】
Aug 14 jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
jQuery实现checkbox全选、反选及删除等操作的方法详解
Aug 02 jQuery
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
jQuery HTML设置内容和属性操作实例分析
May 20 jQuery
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
jquery自定义组件实例详解
Dec 31 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
短波收音机简介
2021/03/01 无线电
ThinkPHP V2.2说明文档没有说明的那些事实例小结
2015/07/01 PHP
ThinkPHP3.2.2实现持久登录(记住我)功能的方法
2016/05/16 PHP
php实现批量删除挂马文件及批量替换页面内容完整实例
2016/07/08 PHP
浅析PHP数据导出知识点
2018/02/17 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
jQuery 遍历json数组的实现代码
2020/09/22 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
2013/12/24 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
jquery任意位置浮动固定层插件用法实例
2015/05/29 Javascript
超实用的JavaScript代码段 附使用方法
2016/05/22 Javascript
AngularJS 指令的交互详解及实例代码
2016/09/14 Javascript
详解vue-cli官方脚手架配置
2018/07/20 Javascript
angularJS1 url中携带参数的获取方法
2018/10/09 Javascript
vue-cli项目中使用echarts图表实例
2018/10/22 Javascript
基于elementUI实现图片预览组件的示例代码
2019/03/31 Javascript
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
[13:40]TI3青蛙君全程回顾 DOTA2我们为梦想再战
2013/09/13 DOTA
Python3.2中的字符串函数学习总结
2015/04/23 Python
Python实现数通设备端口使用情况监控实例
2015/07/15 Python
在pycharm中使用git版本管理以及同步github的方法
2019/01/16 Python
在python中画正态分布图像的实例
2019/07/08 Python
python3连接mysql获取ansible动态inventory脚本
2020/01/19 Python
详解appium自动化测试工具(monitor、uiautomatorviewer)
2021/01/27 Python
高考备战决心书
2014/03/11 职场文书
房产继承公证书
2014/04/09 职场文书
小学生感恩父母演讲稿
2014/08/28 职场文书
患者身份识别制度
2015/08/06 职场文书
幼儿园托班开学寄语(2016秋季)
2015/12/03 职场文书
导游词之山西祁县乔家大院
2019/10/14 职场文书
阿里云服务器搭建Php+Apache运行环境的详细过程
2021/05/15 PHP
MySQL配置主从服务器(一主多从)
2021/08/07 MySQL