jquery方法之append()与appendto()
在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同,但是两者也有区别。
1、append()方法:在被选元素的结尾(但仍在元素内部)插入指定的内容。
a、语法:$(selector).append(content); 其中,参数content是必需的,指定要附加的内容。
b、append能够使用函数给被选元素附加内容,语法为:$(selector).append(function(index,html)); 其中,function()是必需的,参数index和html都是可选的。index表示 接收选择器的index位置,html表示接收选择器的当前html。
例子:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){$("button").click(function(){$("p").append(" <b>Hello jQuery!</b>");});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>
结果:
This is a paragraph. Hello jQuery!
This is another paragraph. Hello jQuery!
2、appendto()方法:在被选元素的结尾(但仍在元素的内部)插入指定的内容。但不能使用函数来附加内容。
语法:$(content).appendto(selector);
例子:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){$("button").click(function(){$("<b> Hello jQuery!</b>").appendTo("p");});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>
结果:
This is a paragraph. Hello jQuery!
This is another paragraph. Hello jQuery!
jquery方法之append()与appendto()相关推荐
- jQuery中的append()和appendTo()方法
jQuery中的append()和appendTo()方法的效果不是简单的"插入"元素到指定位置,实际上是"移动"元素到指定位置. 参考jQuery API中的 ...
- java appendto方法_jquery append与appendTo方法比较
jquery中append与appendTo方法区别 1. append(content)方法 方法作用:向每个匹配的元素内部追加内容. 参数介绍:content (): 要追加到目标中的内容. 用法 ...
- jQuery中的append 和appendTo方法
append(content|fn) :向每个匹配元素内部的末尾处插入内容: <!DOCTYPE html> <html><head><meta charse ...
- jQuery方法之插入元素
jQuery方法之append,appendTo和prepend,prependTo append:在每个匹配元素里面的末尾处插入参数内容.(内部插入)---向后插入 语法:$(selector).a ...
- JQuery中html、append、appendTo、after、insertAfter系列方法
2019独角兽企业重金招聘Python工程师标准>>> html方法,给元素添加html代码或者清空html代码(参数为空字符串): append向元素的末尾添加html代码: ap ...
- JQuery之append和appendTo的区别,还有js中的appendChild用法
JQuery之append和appendTo的区别 append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择 ...
- html5 appendto,JQuery中html、append、appendTo、after、insertAfter 等使用
1.html方法,给元素添加html代码或者清空html代码(参数为空字符串): 2.append向元素的末尾添加html代码: 3.appendTo这个方法跟append方法的很像,只是要添加的ht ...
- jQuery中append()和appendTo()的区别
[前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...
- java appendto方法_jquery中append()与appendto()用法分析
本文实例分析了jquery中append()与appendto()的用法.分享给大家供大家参考.具体分析如下: 在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同 ...
最新文章
- php7.3 安装详解,php7.3.20以及常用拓展安装
- CUBLAS_STATUS_ALLOC_FAILED CUDA_ERROR_OUT_OF_MEMORY
- 页面置换算法 - FIFO、LFU、LRU
- 使用LogKit进行日志操作
- our reuse project in HCP
- python 股票指标库talib_TaLib在股票技术分析中的应用
- Deepgreen数据库日志清理脚本
- 表格存储TableStore全新升级,打造统一的在线数据存储平台!
- java支付宝提现_关于Java调用微信、支付宝的支付、提现
- 计算机图形学【GAMES-101】3、着色计算(深度缓存、着色模型、着色频率)
- 【One Page】概率论复习|Probability Theory Review
- css里面的网格布局
- 三分钟带你搞懂什么是向上转型和向下转型
- 3dMax 光标丢失,无法正常显示
- js base64编码格式图片另存为下载
- 「数字电子技术基础」2.数制和码制
- 《计算机网络自顶向下》Wireshark实验 Lab4 TCP
- PERT网络分析法(计划评估和审查技术,Program Evaluation and Review Technique)
- HTTP 请求报文、响应报文格式详解
- vista无法自动修复此计算机,vista 2008 win7启动菜单自动修复工具(bcdautofix)
热门文章
- 彻底删除微软拼音输入法的方法
- 【机器学习原理实战01】Ridge回归模型
- CoreData基础
- JAVA应该怎么学?
- 深度学习入门之如何制作npz、npy文件
- 怎么理解幂等性[或者http幂等性]
- linux cadaver 命令,【Linux学习第三篇】[Tab].[Ctrl]-c.[Ctrl]-d
- Hadoop实战-MR倒排索引(三)
- 美通企业日报 | 中国最佳创新公司50名榜单发布;柯锐世全新亚洲总部在上海启用...
- C# DataGridView控件选中行获取其值