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 相关文章推荐
一段实时更新的时间代码
Jul 07 Javascript
Javascript学习笔记2 函数
Jan 11 Javascript
不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象
Jan 11 Javascript
遍历DOM对象内的元素属性示例代码
Feb 08 Javascript
DOM基础教程之事件类型
Jan 20 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
Redux实现组合计数器的示例代码
Jul 04 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
Nov 06 Javascript
详解js创建对象的几种方法及继承
Apr 12 Javascript
Vue配置marked链接添加target=&quot;_blank&quot;的方法
Jul 19 Javascript
微信小程序实现限制用户转发功能的实例代码
Feb 22 Javascript
JavaScript 数组去重详解
Sep 15 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
Aster vs Newbee BO3 第二场2.18
2021/03/10 DOTA
一个基于jquery的图片切换效果
2010/07/06 Javascript
js 通用订单代码
2013/12/23 Javascript
js打开windows上的可执行文件示例
2014/05/27 Javascript
node.js超时timeout详解
2014/11/26 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
基于jquery实现省市联动特效
2015/12/17 Javascript
javascript中错误使用var造成undefined
2016/03/31 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
JS封装的自动创建表格的实现代码
2016/06/15 Javascript
JS中常用的正则表达式
2016/09/29 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
2017/03/05 Javascript
利用JavaScript实现栈的数据结构示例代码
2017/08/02 Javascript
深入理解ES6 Promise 扩展always方法
2017/09/26 Javascript
angularjs1.5 组件内用函数向外传值的实例
2018/09/30 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
基于layui table返回的值的多级嵌套的解决方法
2019/09/19 Javascript
12步教你理解Python装饰器
2016/02/25 Python
Python线性回归实战分析
2018/02/01 Python
解决Jupyter因卸载重装导致的问题修复
2020/04/10 Python
Keras 切换后端方式(Theano和TensorFlow)
2020/06/19 Python
Python中实现一行拆多行和多行并一行的示例代码
2020/09/06 Python
前后端结合实现amazeUI分页效果
2020/08/21 HTML / CSS
Python里面如何拷贝一个对象
2014/02/17 面试题
装潢设计专业推荐信模板
2013/11/26 职场文书
自我评价优秀范文分享
2013/11/30 职场文书
同居协议书范本
2014/04/23 职场文书
2014年班主任自我评价范文
2014/04/23 职场文书
优秀毕业生求职信
2014/06/05 职场文书
2014年国庆节演讲稿
2014/09/19 职场文书
2014年班组工作总结
2014/11/20 职场文书
巾帼文明岗汇报材料
2014/12/24 职场文书
医院科室评语
2015/01/04 职场文书
2015年度物业公司工作总结
2015/04/27 职场文书
2015年政教主任工作总结
2015/07/23 职场文书
python元组打包和解包过程详解
2021/08/02 Python