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 相关文章推荐
用Div仿showModalDialog模式菜单的效果的代码
Mar 05 Javascript
javascript 显示当前系统时间代码
Dec 28 Javascript
在JavaScript中处理时间之getHours()方法的使用
Jun 10 Javascript
微信小程序 二维码canvas绘制实例详解
Jan 06 Javascript
jQuery实现的简单悬浮层功能完整实例
Jan 23 Javascript
Angular2开发环境搭建教程之VS Code
Dec 15 Javascript
vue webpack开发访问后台接口全局配置的方法
Sep 18 Javascript
javascript中一些奇葩的日期换算方法总结
Nov 14 Javascript
vue组件之间的数据传递方法详解
Apr 19 Javascript
微信小程序 wxParse插件显示视频问题
Sep 27 Javascript
vue自动化路由的实现代码
Sep 30 Javascript
vue封装swiper代码实例解析
Oct 08 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
HTML中的setCapture和releaseCapture使用介绍
2012/03/21 Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
2012/05/11 Javascript
JQuery对id中含有特殊字符的转义处理示例
2013/09/06 Javascript
javascript中setTimeout使用指南
2015/07/26 Javascript
18个非常棒的jQuery代码片段
2015/11/02 Javascript
使用jQuery监听DOM元素大小变化
2016/02/24 Javascript
Javascript闭包与函数柯里化浅析
2016/06/22 Javascript
你知道setTimeout是如何运行的吗?
2016/08/16 Javascript
微信小程序 弹窗自定义实例代码
2017/03/08 Javascript
详解webpack解惑:require的五种用法
2017/06/09 Javascript
JS库之wow.js使用方法
2017/09/14 Javascript
如何编写一个完整的Angular4 FormText 组件
2017/11/18 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
微信小程序实现运动步数排行功能(可删除)
2018/07/05 Javascript
解决vue 打包发布去#和页面空白的问题
2018/09/04 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
2019/08/26 Javascript
python PIL模块与随机生成中文验证码
2016/02/27 Python
浅谈python的输入输出,注释,基本数据类型
2019/04/02 Python
在python中利用pycharm自定义代码块教程(三步搞定)
2020/04/15 Python
HTML5 和小程序实现拍照图片旋转、压缩和上传功能
2018/10/08 HTML / CSS
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
HTML5全屏(Fullscreen)API详细介绍
2015/04/24 HTML / CSS
html5中audio支持音频格式的解决方法
2018/08/24 HTML / CSS
HealthElement海外旗舰店:新西兰大卖场
2018/02/23 全球购物
英国最大的宝石首饰超市:QP Jewellers
2018/09/23 全球购物
局域网定义和特性
2016/01/23 面试题
小学教研工作制度
2014/01/15 职场文书
新学期开学寄语
2014/01/18 职场文书
大学生咖啡店创业计划书
2014/01/21 职场文书
小学端午节活动方案
2014/03/13 职场文书
开工仪式主持词
2014/03/20 职场文书
节约粮食标语
2014/06/18 职场文书
2015年人事工作总结范文
2015/04/09 职场文书
党员转正申请报告
2015/05/15 职场文书
七年级作文之下雨天
2019/12/23 职场文书