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和DOM Interfaces来处理HTML
Oct 09 Javascript
使用正则替换变量
May 05 Javascript
jQuery Ajax之load()方法
Oct 12 Javascript
第十章之巨幕页头缩略图与警告框组件
Apr 25 Javascript
js中获取键盘事件的简单实现方法
Oct 10 Javascript
JS常用算法实现代码
Nov 14 Javascript
基于vue2的table分页组件实现方法
Mar 20 Javascript
JS基于对象的特性实现去除数组中重复项功能详解
Nov 17 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
Apr 28 Javascript
微信小程序实现跳转的几种方式总结(推荐)
Apr 24 Javascript
Vue分页插件的前后端配置与使用
Oct 09 Javascript
小程序实现点击tab切换左右滑动
Nov 16 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
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
德生9700DX电路分析
2021/03/02 无线电
php文件夹的创建与删除方法
2015/01/24 PHP
php的api数据接口书写实例(推荐)
2016/09/22 PHP
[原创]PHP实现SQL语句格式化功能的方法
2017/07/28 PHP
Javascript中的var_dump函数实现代码
2009/09/07 Javascript
动态标签 悬停效果 延迟加载示例代码
2013/11/21 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
JSONP之我见
2015/03/24 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
2015/10/22 Javascript
学习Angularjs分页指令
2016/07/01 Javascript
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
2016/12/26 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
解决layui使用layui-icon出现默认图标的问题
2019/09/11 Javascript
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
详解JavaScript 事件流
2020/09/02 Javascript
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
利用Python代码实现数据可视化的5种方法详解
2018/03/25 Python
Python3 venv搭建轻量级虚拟环境的步骤(图文)
2019/08/09 Python
Python实现随机生成任意数量车牌号
2020/01/21 Python
python批量修改xml属性的实现方式
2020/03/05 Python
Python如何批量生成和调用变量
2020/11/21 Python
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
函数只定义了一次, 调用了一次, 但编译器提示非法重定义了-什么问题?
2014/10/03 面试题
婚礼证婚人证婚词
2014/01/13 职场文书
创先争优制度
2014/01/21 职场文书
质量承诺书范文
2014/03/27 职场文书
股东合作协议书
2014/04/14 职场文书
《第一朵杏花》教学反思
2014/04/16 职场文书
2016小学优秀教师先进事迹材料
2016/02/26 职场文书
自愿离婚协议书范本2016
2016/03/18 职场文书
深入理解Pytorch微调torchvision模型
2021/11/11 Python
讲解MySQL增删改操作
2022/05/06 MySQL