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 相关文章推荐
jQuery中:enabled选择器用法实例
Jan 04 Javascript
详解Bootstrap插件
Apr 25 Javascript
关于Javascript中defer和async的区别总结
Sep 20 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
Feb 20 Javascript
JS拉起或下载app的实现代码
Feb 22 Javascript
Vue.js实现输入框绑定的实例代码
Aug 24 Javascript
vue v-model实现自定义样式多选与单选功能
Jul 05 Javascript
微信小程序框架wepy之动态控制类名
Sep 14 Javascript
Node批量爬取头条视频并保存方法
Sep 20 Javascript
Node.js 使用axios读写influxDB的方法示例
Oct 26 Javascript
微信小程序实现的绘制table表格功能示例
Apr 26 Javascript
记录vue做微信自定义分享的一些问题
Sep 12 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下正则来匹配dede模板标签的代码
2010/08/21 PHP
AJAX的跨域访问-两种有效的解决方法介绍
2013/06/22 PHP
迅速确定php多维数组的深度的方法
2014/01/07 PHP
php获取linux命令结果的实例
2017/03/13 PHP
php报错502badgateway解决方法
2019/10/11 PHP
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
2010/10/01 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
2013/01/21 Javascript
jQuery之按钮组件的深入解析
2013/06/19 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
Google 地图API资料整理及详细介绍
2016/08/06 Javascript
Vue 2.0学习笔记之Vue中的computed属性
2017/10/16 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
js实现鼠标单击Tab表单切换效果
2018/05/16 Javascript
解决layui调用自定义方法提示未定义的问题
2019/09/14 Javascript
vue resource发送请求的几种方式
2019/09/30 Javascript
vue中@change兼容问题详解
2019/10/25 Javascript
vue在图片上传的时候压缩图片
2020/11/18 Vue.js
python实现巡检系统(solaris)示例
2014/04/02 Python
Python实现数通设备端口使用情况监控实例
2015/07/15 Python
详解Python设计模式编程中观察者模式与策略模式的运用
2016/03/02 Python
浅谈Python生成器generator之next和send的运行流程(详解)
2017/05/08 Python
一个Python最简单的接口自动化框架
2018/01/02 Python
python隐藏类中属性的3种实现方法
2019/12/19 Python
python GUI库图形界面开发之PyQt5信号与槽机制、自定义信号基础介绍
2020/02/25 Python
python调用win32接口进行截图的示例
2020/11/11 Python
在终端启动Python时报错的解决方案
2020/11/20 Python
物流管理毕业生自荐信
2013/10/24 职场文书
出纳岗位职责范本
2013/12/01 职场文书
店长职务说明书
2014/02/04 职场文书
幼儿园六一儿童节活动总结
2015/02/10 职场文书
大学生求职自荐信范文
2015/03/04 职场文书
被告代理词范文
2015/05/25 职场文书
详解nodejs内置模块
2021/05/06 NodeJs
MySQL约束超详解
2021/09/04 MySQL
【海涛dota】偶遇拉娜娅 质量局德鲁伊第一视角解说
2022/04/01 DOTA
Zabbix对Kafka topic积压数据监控的解决方案
2022/07/07 Servers