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 火狐下取本地路径实现思路
Apr 02 Javascript
js去字符串前后空格5种实现方法及比较
Apr 03 Javascript
JavaScript插件化开发教程 (三)
Jan 27 Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
Mar 05 Javascript
jQuery中Chosen三级联动功能实例代码
Mar 07 Javascript
Angular实现双向折叠列表组件的示例代码
Nov 21 Javascript
vue.js单文件组件中非父子组件的传值实例
Sep 13 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 Javascript
深入浅出了解Node.js Streams
May 27 Javascript
扫微信小程序码实现网站登陆实现解析
Aug 20 Javascript
小程序自定义模板实现吸顶功能
Jan 08 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
Jan 05 Vue.js
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
全国FM电台频率大全 - 15 山东省
2020/03/11 无线电
php feof用来识别文件末尾字符的方法
2010/08/01 PHP
iis下php mail函数的sendmail配置方法(官方推荐)
2012/04/25 PHP
PHP中对各种加密算法、Hash算法的速度测试对比代码
2014/07/08 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
php中array_unshift()修改数组key注意事项分析
2016/05/16 PHP
php+ajax简单实现全选删除的方法
2016/12/06 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
PHP7.1实现的AES与RSA加密操作示例
2018/06/15 PHP
JQuery 文本框回车跳到下一个文本框示例代码
2013/08/30 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
2015/03/30 Javascript
JavaScript中的setMilliseconds()方法使用详解
2015/06/11 Javascript
浅谈Javascript数组索引
2015/07/29 Javascript
网页从弹窗页面单选框传值至父页面代码分享
2015/09/29 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
2016/04/11 Javascript
jquery实现界面无刷新加载登陆注册
2016/07/30 Javascript
Vue路由跳转问题记录详解
2017/06/15 Javascript
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
浅析Vue.js中v-bind v-model的使用和区别
2018/12/04 Javascript
JavaScript设计模式之享元模式实例详解
2019/01/17 Javascript
如何在微信小程序中存setStorage
2019/12/13 Javascript
vue使用exif获取图片经纬度的示例代码
2020/12/11 Vue.js
JS实现百度搜索框
2021/02/25 Javascript
[15:41]教你分分钟做大人——灰烬之灵
2015/03/11 DOTA
详谈Pandas中iloc和loc以及ix的区别
2018/06/08 Python
Python判断一个文件夹内哪些文件是图片的实例
2018/12/07 Python
Python读写文件基础知识点
2019/06/10 Python
Django自定义用户登录认证示例代码
2019/06/30 Python
django自带调试服务器的使用详解
2019/08/29 Python
Python迭代器iterator生成器generator使用解析
2019/10/24 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
可持续未来的时尚基础:Alternative Apparel
2019/05/06 全球购物
村官工作鉴定评语
2014/01/27 职场文书
浅谈Redis在直播场景的实践方案
2021/04/27 Redis
Win10/Win11 任务栏替换成经典样式
2022/04/19 数码科技