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 相关文章推荐
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
javascript获得服务器端控件的ID的实现代码
Dec 28 Javascript
Jquery弹出层插件ThickBox的使用方法
Dec 09 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
Oct 19 Javascript
js仿微博实现统计字符和本地存储功能
Dec 22 Javascript
Vue 滚动行为的具体使用方法
Sep 13 Javascript
vue 中动态绑定class 和 style的方法代码详解
Jun 01 Javascript
js中时间格式化的几种方法
Jul 22 Javascript
微信小程序学习笔记之文件上传、下载操作图文详解
Mar 29 Javascript
sortable+element 实现表格行拖拽的方法示例
Jun 07 Javascript
JavaScript JSON数据处理全集(小结)
Aug 15 Javascript
vue 实现特定条件下绑定事件
Nov 09 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
用文本文件制作留言板提示(上)
2006/10/09 PHP
用PHP连接MySQL代码的参数说明
2008/06/07 PHP
PHP保存带BOM文件的方法
2015/02/12 PHP
PHP实现将textarea的值根据回车换行拆分至数组
2015/06/10 PHP
javascript实现仿银行密码输入框效果的代码
2007/12/13 Javascript
在多个页面使用同一个HTML片段《续》
2011/03/04 Javascript
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
javascript中setInterval的用法
2015/07/19 Javascript
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
JS简单循环遍历json数组的方法
2016/04/22 Javascript
利用nodejs监控文件变化并使用sftp上传到服务器
2017/02/18 NodeJs
Node.js搭建WEB服务器的示例代码
2018/08/15 Javascript
javascript创建元素和删除元素实例小结
2019/06/19 Javascript
基于js实现逐步显示文字输出代码实例
2020/04/02 Javascript
vue中h5端打开app(判断是安卓还是苹果)
2021/02/26 Vue.js
Python标准库之Sys模块使用详解
2015/05/23 Python
django rest framework之请求与响应(详解)
2017/11/06 Python
python基础教程项目五之虚拟茶话会
2018/04/02 Python
Python日期时间对象转换为字符串的实例
2018/06/22 Python
使用python telnetlib批量备份交换机配置的方法
2019/07/25 Python
python模拟实现斗地主发牌
2020/01/07 Python
Python中Yield的基本用法
2020/10/18 Python
关于css中margin的值和垂直外边距重叠问题
2020/10/27 HTML / CSS
html5 音乐播放器 audio 标签使用概述
2013/07/15 HTML / CSS
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
Engel & Bengel官网:婴儿推车、儿童房家具和婴儿设备
2019/12/28 全球购物
函授本科毕业自我鉴定
2013/10/09 职场文书
物理教师自荐信范文
2013/12/28 职场文书
简历上的自我评价怎么写
2014/01/28 职场文书
2014年社区学雷锋活动总结
2014/03/09 职场文书
关于建议书的格式范文
2014/05/20 职场文书
百日安全生产活动总结
2014/07/05 职场文书
煤矿安全保证书
2015/02/27 职场文书
幼儿园保教工作总结2015
2015/10/15 职场文书
2016年中秋节晚会领导致辞
2015/11/26 职场文书