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 相关文章推荐
Javascript调用C#代码
Jan 17 Javascript
JQuery记住用户名和密码的具体实现
Apr 04 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
Aug 10 Javascript
浅析node.js中close事件
Nov 26 Javascript
javascript中定义类的方法详解
Feb 10 Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 Javascript
JQuery 获取Dom元素的实例讲解
Jul 08 jQuery
DVA框架统一处理所有页面的loading状态
Aug 25 Javascript
vue和webpack安装命令详解
Jun 15 Javascript
微信小程序车牌号码模拟键盘输入功能的实现代码
Nov 11 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
Mar 04 Javascript
JS事件循环机制event loop宏任务微任务原理解析
Aug 04 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
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
学习ExtJS Panel常用方法
2009/10/07 Javascript
JQuery 选项卡效果(JS与HTML的分离)
2010/04/01 Javascript
jquery实现文本框鼠标右击无效以及不能输入的代码
2010/11/05 Javascript
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
Jquery操作radio的简单实例
2014/01/06 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
2015/04/29 Javascript
JavaScript常用字符串与数组扩展函数小结
2016/04/24 Javascript
JS上传组件FileUpload自定义模板的使用方法
2016/05/10 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
2017/02/03 Javascript
Web制作验证码功能实例代码
2017/06/19 Javascript
vue源码入口文件分析(推荐)
2018/01/30 Javascript
Vue隐藏显示、只读实例代码
2018/07/18 Javascript
利用Promise自定义一个GET请求的函数示例代码
2019/03/20 Javascript
ES6模板字符串和标签模板的应用实例分析
2019/06/25 Javascript
JS实现打砖块游戏
2020/02/14 Javascript
Javascript幻灯片播放功能实现过程解析
2020/05/07 Javascript
基于Ionic3实现选项卡切换并重新加载echarts
2020/09/24 Javascript
详解Python的Django框架中的templates设置
2015/05/11 Python
Python简单遍历字典及删除元素的方法
2016/09/18 Python
pytorch cnn 识别手写的字实现自建图片数据
2018/05/20 Python
python编辑用户登入界面的实现代码
2018/07/16 Python
python特性语法之遍历、公共方法、引用
2018/08/08 Python
用python爬取租房网站信息的代码
2018/12/14 Python
在vscode中配置python环境过程解析
2019/09/28 Python
Python绘图实现显示中文
2019/12/04 Python
Python实现大数据收集至excel的思路详解
2020/01/03 Python
ansible动态Inventory主机清单配置遇到的坑
2020/01/19 Python
Python基于class()实现面向对象原理详解
2020/03/26 Python
h5使用canvas画布实现手势解锁
2019/01/04 HTML / CSS
银行批评与自我批评
2014/02/10 职场文书
优秀小学生事迹材料
2014/12/26 职场文书
实现一个简单得数据响应系统
2021/11/11 Javascript
MySQL 字符集 character
2022/05/04 MySQL
pd.DataFrame中的几种索引变换的实现
2022/06/16 Python