jQuery中after的两种用法实例


Posted in Javascript onJuly 03, 2013

法一:
在每个p元素后插入内容:

$("button").click(function(){
      $("p").after("<p>Hello world!</p>");
});

法二:
 $("button").click(function(){
    $("p").after(function(n){
            return "<p>The p element above has index " + n + "</p>";
    });
});

after中函数必须返回一个html字符串。
Javascript 相关文章推荐
Javascript中的相等与不等运算
Apr 25 Javascript
JavaScript动态修改网页元素内容的方法
Mar 21 Javascript
JS实现弹性漂浮效果的广告代码
Sep 02 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
bootstrap PrintThis打印插件使用详解
Feb 20 Javascript
vue中如何引入jQuery和Bootstrap
Apr 10 jQuery
JavaScript数据结构中串的表示与应用实例
Apr 12 Javascript
easyui combogrid实现本地模糊搜索过滤多列
May 13 Javascript
es6在react中的应用代码解析
Nov 08 Javascript
axios简单实现小程序延时loading指示
Jul 30 Javascript
vue实现Input输入框模糊查询方法
Jan 29 Javascript
微信小程序canvas截取任意形状的实现代码
Jan 13 Javascript
用Javascript来生成ftp脚本的小例子
Jul 03 #Javascript
jquery select多选框的左右移动 具体实现代码
Jul 03 #Javascript
jquery 多行文本框(textarea)高度变化
Jul 03 #Javascript
JavaScript常用全局属性与方法记录积累
Jul 03 #Javascript
Function.prototype.call.apply结合用法分析示例
Jul 03 #Javascript
Highcharts 非常实用的Javascript统计图demo示例
Jul 03 #Javascript
jQuery当鼠标悬停时放大图片的效果实例
Jul 03 #Javascript
You might like
SONY ICF-SW55的电路分析
2021/03/02 无线电
咖啡知识 除了喝咖啡还有那些知识点
2021/03/06 新手入门
php实现无限级分类查询(递归、非递归)
2016/03/10 PHP
php文件类型MIME对照表(比较全)
2016/10/07 PHP
Yii框架连表查询操作示例
2019/09/06 PHP
DOM 脚本编程中的兄弟节点
2009/10/31 Javascript
js 函数的执行环境和作用域链的深入解析
2009/11/01 Javascript
node.js中的events.emitter.listeners方法使用说明
2014/12/10 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
Ubuntu系统下Angularjs开发环境安装
2016/09/01 Javascript
微信小程序实现选项卡功能
2020/06/19 Javascript
Bootstrap实现翻页效果
2017/11/27 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
2017/12/22 Javascript
JS运动特效之同时运动实现方法分析
2018/01/24 Javascript
jQuery实现碰到边缘反弹的动画效果
2018/02/24 jQuery
JavaScript实现身份证验证代码实例
2019/08/26 Javascript
[49:41]NB vs NAVI Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
python如何实现excel数据添加到mongodb
2015/07/30 Python
Python打造出适合自己的定制化Eclipse IDE
2016/03/02 Python
浅谈python配置与使用OpenCV踩的一些坑
2018/04/02 Python
PyQt5每天必学之切换按钮
2020/08/20 Python
Python文件监听工具pyinotify与watchdog实例
2018/10/15 Python
python flask安装和命令详解
2019/04/02 Python
基于django传递数据到后端的例子
2019/08/16 Python
python爬虫之爬取百度音乐的实现方法
2019/08/24 Python
用python绘制樱花树
2020/10/09 Python
美的官方商城:Midea
2016/09/14 全球购物
世界最大的票务市场:viagogo
2017/02/16 全球购物
LUISAVIAROMA中国官网:时尚奢侈品牌购物网站
2020/11/01 全球购物
后勤副校长自我鉴定
2013/10/13 职场文书
行政文秘岗位职责范本
2014/02/10 职场文书
判缓刑人员个人思想汇报
2014/10/10 职场文书
临时用工协议书范本
2014/10/29 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
2015年音乐教学工作总结
2015/07/22 职场文书
简单聊聊Vue中的计算属性和属性侦听
2021/10/05 Vue.js