jQuery使用after()方法在元素后面添加多项内容的方法


Posted in Javascript onMarch 26, 2015

本文实例讲述了jQuery使用after()方法在元素后面添加多项内容的方法。分享给大家供大家参考。具体分析如下:

jQuery可通过after()方法在元素后面添加多项内容,after()可以带多个参数,在指定元素后面添加多项内容

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
function afterText()
{
var txt1="<b>I </b>"; // Create element with HTML
var txt2=$("<i></i>").text("love "); // Create with jQuery
var txt3=document.createElement("big"); // Create with DOM
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3); // Insert new elements after img
}
</script>
</head>
<body>
<img src="/images/w3jquery.gif" alt="jQuery" width="100" height="140">
<br><br>
<button onclick="afterText()">Insert after</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
Javascript miscellanea -display data real time, using window.status
Jan 09 Javascript
Javascript 定时器调用传递参数的方法
Nov 12 Javascript
Javascript 加载和执行-性能提高篇
Dec 28 Javascript
jquery实现无刷新验证码的简单实例
May 19 Javascript
JavaScript中日期函数的相关操作知识
Aug 03 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
js时间戳格式化成日期格式的多种方法介绍
Feb 16 Javascript
用jQuery实现圆点图片轮播效果
Mar 19 Javascript
JS实现评价的星星功能
Aug 20 Javascript
js设置随机切换背景图片的简单实例
Nov 12 Javascript
从零开始封装自己的自定义Vue组件
Oct 09 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
Apr 21 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
Mar 26 #Javascript
jquery使用remove()方法删除指定class子元素
Mar 26 #Javascript
jQuery使用removeClass方法删除元素指定Class的方法
Mar 26 #Javascript
jQuery给多个不同元素添加class样式的方法
Mar 26 #Javascript
Js实现自定义右键行为
Mar 26 #Javascript
jQuery使用addClass()方法给元素添加多个class样式
Mar 26 #Javascript
Jquery异步提交表单代码分享
Mar 26 #Javascript
You might like
thinkphp备份数据库的方法分享
2015/01/04 PHP
JavaScript地图拖动功能SpryMap的简单实现
2013/07/17 Javascript
Javascript 按位左移运算符使用介绍(
2014/02/04 Javascript
jQuery获得document和window对象宽度和高度的方法
2015/03/25 Javascript
基于jquery步骤进度条源码分享
2015/11/12 Javascript
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
2015/11/23 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
2016/01/22 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
js判断文件格式及大小的简单实例(必看)
2016/10/11 Javascript
js模式化窗口问题![window.dialogArguments]
2016/10/30 Javascript
js实现点击切换checkbox背景图片的简单实例
2017/05/08 Javascript
Angular2 父子组件通信方式的示例
2018/01/29 Javascript
用npm-run实现自动化任务的方法示例
2019/01/14 Javascript
基于JS实现前端压缩上传图片的实例代码
2019/05/14 Javascript
[00:53]TI3正赛第三天 DK怒破A队不败金身 现场国旗飘扬热血激昂
2013/08/10 DOTA
[17:36]VG战队纪录片
2014/08/21 DOTA
[04:59]2018DOTA2亚洲邀请赛 4.7 Mineski夺冠时刻
2018/04/09 DOTA
python中关于时间和日期函数的常用计算总结(time和datatime)
2013/03/08 Python
Python创建系统目录的方法
2015/03/11 Python
利用python实现xml与数据库读取转换的方法
2017/06/17 Python
遗传算法python版
2018/03/19 Python
python opencv实现图片旋转矩形分割
2018/07/26 Python
解决Pytorch 训练与测试时爆显存(out of memory)的问题
2019/08/20 Python
将python依赖包打包成window下可执行文件bat方式
2019/12/26 Python
Python xml、字典、json、类四种数据类型如何实现互相转换
2020/05/27 Python
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
ParcelABC西班牙:包裹运送和快递服务
2019/12/24 全球购物
函授毕业生自我鉴定
2013/11/06 职场文书
室内设计专业学生的自我评价分享
2013/11/27 职场文书
我的大学生活演讲稿
2014/04/25 职场文书
酒店管理失职检讨书
2014/09/16 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
2014年党员整改措施
2014/10/24 职场文书
关于html选择框创建占位符的问题
2021/06/09 HTML / CSS
世界无敌的ICOM IC-R9500宽频接收机
2022/03/25 无线电
Python循环之while无限迭代
2022/04/30 Python