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控制淡入淡出示例代码
Nov 12 Javascript
使用jQuery管理选择结果
Jan 20 Javascript
浅析javascript中的DOM
Mar 01 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
Nov 29 Javascript
Vue CLI3 如何支持less的方法示例
Aug 29 Javascript
基于vue中keep-alive缓存问题的解决方法
Sep 21 Javascript
详解mpvue中小程序自定义导航组件开发指南
Feb 11 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
Apr 08 Javascript
Angular中innerHTML标签的样式不起作用的原因解析
Jun 18 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 Javascript
jQuery实现评论模块
Aug 19 jQuery
vue实现井字棋游戏
Sep 29 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各种编码集详解和以及在什么情况下进行使用
2011/09/11 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
Laravel第三方包报class not found的解决方法
2019/10/13 PHP
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
2007/03/24 Javascript
Javascript 数组排序详解
2014/10/22 Javascript
jQuery mobile 移动web(6)
2015/12/20 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
js添加千分位的实现代码(超简单)
2016/08/01 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
详解如何使用vue-cli脚手架搭建Vue.js项目
2017/05/19 Javascript
使用express搭建一个简单的查询服务器的方法
2018/02/09 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
2018/05/16 Javascript
vue router 配置路由的方法
2018/07/26 Javascript
使用typescript构建Vue应用的实现
2019/08/26 Javascript
解决layui弹框失效的问题
2019/09/09 Javascript
原生JS实现拖拽效果
2020/12/04 Javascript
[02:00]最后,我终于出了辉耀
2018/03/27 DOTA
Python 实现一个颜色色值转换的小工具
2016/12/06 Python
python读取图片并修改格式与大小的方法
2018/07/24 Python
用python 实现在不确定行数情况下多行输入方法
2019/01/28 Python
python实现坦克大战游戏 附详细注释
2020/03/27 Python
pytorch 实现查看网络中的参数
2020/01/06 Python
分享29个基于Bootstrap的HTML5响应式网页设计模板
2015/11/19 HTML / CSS
Myprotein亚太地区:欧洲第一在线运动营养品牌
2020/12/20 全球购物
幼师岗位求职简历的自荐信格式
2013/09/21 职场文书
班长岗位职责
2013/11/10 职场文书
教育专业个人求职信
2013/12/02 职场文书
共筑中国梦演讲稿
2014/04/23 职场文书
《水乡歌》教学反思
2014/04/24 职场文书
2014年科室工作总结
2014/11/20 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
2015年物业管理工作总结
2015/04/23 职场文书
Oracle 触发器trigger使用案例
2022/02/24 Oracle
Java数组详细介绍及相关工具类
2022/04/14 Java/Android
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript