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 相关文章推荐
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
Mar 06 Javascript
angularjs 处理多个异步请求方法汇总
Jan 06 Javascript
js实现下拉框选择要显示图片的方法
Feb 16 Javascript
JavaScript DOM 学习总结(五)
Nov 24 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
基于BootStrap环境写jQuery tabs插件
Jul 12 Javascript
jquery ajax后台返回list,前台用jquery遍历list的实现
Oct 30 Javascript
微信小程序  checkbox组件详解及简单实例
Jan 10 Javascript
详解Angular4中路由Router类的跳转navigate
Jun 09 Javascript
Vue+webpack+Element 兼容问题总结(小结)
Aug 16 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
Nov 22 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
Nov 26 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
php中判断一个字符串包含另一个字符串的方法
2007/03/19 PHP
ExtJS与PHP、MySQL实现存储的方法
2010/04/02 PHP
ThinkPHP多表联合查询的常用方法
2020/03/24 PHP
Jquery实战_读书笔记1—选择jQuery
2010/01/22 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
jquery中EasyUI实现同步树
2015/03/01 Javascript
浅谈类似于(function(){}).call()的js语句
2015/03/30 Javascript
jQuery.form插件的使用及跨域异步上传文件
2016/04/27 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
Javascript this 函数深入详解
2016/12/13 Javascript
loading动画特效小结
2017/01/22 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
详解Python中的序列化与反序列化的使用
2015/06/30 Python
Python中max函数用法实例分析
2015/07/17 Python
Python实现更改图片尺寸大小的方法(基于Pillow包)
2016/09/19 Python
Python 保存矩阵为Excel的实现方法
2019/01/28 Python
浅谈在django中使用redirect重定向数据传输的问题
2020/03/13 Python
python读取hdfs并返回dataframe教程
2020/06/05 Python
python 如何调用远程接口
2020/09/11 Python
基于python实现坦克大战游戏
2020/10/27 Python
Python django框架 web端视频加密的实例详解
2020/11/20 Python
python中最小二乘法详细讲解
2021/02/19 Python
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
三星俄罗斯授权在线商店:Samsung俄罗斯
2019/09/28 全球购物
Lentiamo荷兰:在线订购隐形眼镜、隐形眼镜液和太阳镜
2019/10/25 全球购物
东方通信股份有限公司VC面试题
2014/08/27 面试题
解释下列WebService名词:WSDL、SOAP、UDDI
2012/06/22 面试题
护理人员的自我评价分享
2014/03/15 职场文书
班干部演讲稿
2014/04/24 职场文书
工会主席事迹材料
2014/06/03 职场文书
赵乐秦在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
机关干部四风问题自我剖析及整改措施
2014/10/26 职场文书
放假通知范文
2015/04/14 职场文书
redis 存储对象的方法对比分析
2021/08/02 Redis
SQL Server2019数据库备份与还原脚本,数据库可批量备份
2021/11/20 SQL Server
天谕手游15杯全调酒配方和调酒券的获得方式
2022/04/06 其他游戏