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插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
jQuery实现动态删除LI的方法
May 30 jQuery
jQuery条件分页 代替离线查询(附代码)
Aug 17 jQuery
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
webpack写jquery插件的环境配置
Dec 21 jQuery
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
JQuery省市联动效果实现过程详解
May 08 jQuery
JQuery获得内容和属性方法解析
May 30 jQuery
jquery实现拖拽添加元素功能
Dec 01 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的超级变量$_POST获取HTML表单(HTML Form) 数据
2011/05/07 PHP
PHP开发者常犯的10个MySQL错误更正剖析
2012/01/30 PHP
dedecms中使用php语句指南
2014/11/13 PHP
分享PHP源码批量抓取远程网页图片并保存到本地的实现方法
2015/12/01 PHP
js限制文本框输入长度两种限制方式(长度、字节数)
2012/12/19 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
2014/01/31 Javascript
node.js中的querystring.stringify方法使用说明
2014/12/10 Javascript
nodejs初步体验篇
2015/11/23 NodeJs
nodeJs内存泄漏问题详解
2016/09/05 NodeJs
Angular6笔记之封装http的示例代码
2018/07/27 Javascript
浅析Vue 和微信小程序的区别、比较
2018/08/03 Javascript
vue.js 2.0实现简单分页效果
2019/07/29 Javascript
基于layui内置模块(element常用元素的操作)
2019/09/20 Javascript
vue 开发之路由配置方法详解
2019/12/02 Javascript
vue-socket.io跨域问题有效解决方法
2020/02/11 Javascript
浅析Vue 中的 render 函数
2020/02/28 Javascript
Vue自定义全局弹窗组件操作
2020/08/11 Javascript
python实现在每个独立进程中运行一个函数的方法
2015/04/23 Python
Python2.x与Python3.x的区别
2016/01/14 Python
Python实战小程序利用matplotlib模块画图代码分享
2017/12/09 Python
Django 开发环境配置过程详解
2019/07/18 Python
Python scipy的二维图像卷积运算与图像模糊处理操作示例
2019/09/06 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
2019/09/16 Python
python numpy之np.random的随机数函数使用介绍
2019/10/06 Python
python给图像加上mask,并提取mask区域实例
2020/01/19 Python
如何基于python实现不邻接植花
2020/05/01 Python
可以随进度显示不同颜色的css3进度条分享
2014/04/11 HTML / CSS
详解CSS3中字体平滑处理和抗锯齿渲染
2017/03/29 HTML / CSS
浅析HTML5中的 History 模式
2017/06/22 HTML / CSS
中专三年学习的个人自我评价
2013/12/12 职场文书
考研导师推荐信范文
2015/03/27 职场文书
员工年度工作总结2015
2015/05/18 职场文书
五年级作文之劳动作文
2019/11/12 职场文书
Nginx配置SSL证书出错解决方案
2021/03/31 Servers
详解Redis实现限流的三种方式
2021/04/27 Redis
Python Django项目和应用的创建详解
2021/11/27 Python