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 相关文章推荐
JS 实现完美include载入实现代码
Aug 05 Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
Nov 28 Javascript
让你的博文自动带上缩址的实现代码,方便发到微博客上
Dec 28 Javascript
js前台判断开始时间是否小于结束时间
Feb 23 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 Javascript
理解javascript中DOM事件
Dec 25 Javascript
Webpack打包慢问题的完美解决方法
Mar 16 Javascript
javascript简单写的判断电话号码实例
May 24 Javascript
通俗易懂地解释JS中的闭包
Oct 23 Javascript
前端MVVM框架解析之双向绑定
Jan 24 Javascript
Vue.js 实现数据展示全部和收起功能
Sep 05 Javascript
javascript实现摄像头拍照预览
Sep 30 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+JS+rsa数据加密传输实现代码
2011/03/23 PHP
PHP中“简单工厂模式”实例代码讲解
2012/09/04 PHP
ThinkPHP5&amp;5.1框架关联模型分页操作示例
2019/08/03 PHP
PHP随机生成中文段落示例【测试网站内容时使用】
2020/04/26 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
jQuery Validation实例代码 让验证变得如此容易
2010/10/18 Javascript
浅谈checkbox的一些操作(实战经验)
2013/11/20 Javascript
jQuery中trigger()方法用法实例
2015/01/19 Javascript
jquery实现简单的二级导航下拉菜单效果
2015/09/07 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
2016/08/23 Javascript
javascript加载xml 并解析各节点的值(实现方法)
2016/10/12 Javascript
动态统计当前输入内容的字节、字符数的实例详解
2017/10/27 Javascript
js定时器+简单的动画效果实例
2017/11/10 Javascript
chorme 浏览器记住密码后input黄色背景处理方法(两种)
2017/11/22 Javascript
nodejs使用http模块发送get与post请求的方法示例
2018/01/08 NodeJs
微信小程序实现元素渐入渐出动画效果封装方法
2019/05/18 Javascript
使用apifm-wxapi快速开发小程序过程详解
2019/08/05 Javascript
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
2020/08/31 Javascript
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
sqlalchemy对象转dict的示例
2014/04/22 Python
web.py中调用文件夹内模板的方法
2014/08/26 Python
pygame游戏之旅 添加碰撞效果的方法
2018/11/20 Python
python打造爬虫代理池过程解析
2019/08/15 Python
如何写一个自定义标签
2012/12/28 面试题
党校个人自我鉴定范文
2014/03/28 职场文书
法制报告会主持词
2014/04/02 职场文书
求职个人评价范文
2014/04/09 职场文书
继承公证书格式
2015/01/26 职场文书
新员工试用期自我评价
2015/03/10 职场文书
2015年民主评议党员工作总结
2015/05/19 职场文书
抢劫罪辩护词
2015/05/21 职场文书
毕业实习单位意见
2015/06/04 职场文书
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js
新手入门Mysql--概念
2021/06/18 MySQL
oracle删除超过N天数据脚本的方法
2022/02/28 Oracle
JavaScript圣杯布局与双飞翼布局实现案例详解
2022/08/05 Javascript