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 事件记录使用说明
Oct 20 Javascript
JS中表单的使用小结
Jan 11 Javascript
jQuery中wrapAll()方法用法实例
Jan 16 Javascript
Node.js和MongoDB实现简单日志分析系统
Apr 25 Javascript
javaScript中slice函数用法实例分析
Jun 08 Javascript
JS中判断null的方法分析
Nov 21 Javascript
JS正则获取HTML元素的方法
Mar 31 Javascript
MUI  Scroll插件的使用详解
Apr 13 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
Feb 03 Javascript
vue2.0+koa2+mongodb实现注册登录
Apr 10 Javascript
jQuery的Ajax接收java返回数据方法
Aug 11 jQuery
Node.js 进程平滑离场剖析小结
Jan 24 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
推荐个功能齐全的发送PHP邮件类
2007/01/03 PHP
PHP 裁剪图片成固定大小代码方法
2009/09/09 PHP
PHP 调试工具Debug Tools
2011/04/30 PHP
php设计模式 Factory(工厂模式)
2011/06/26 PHP
Symfony生成二维码的方法
2016/02/04 PHP
PHP开发中解决并发问题的几种实现方法分析
2017/11/13 PHP
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
2015/03/19 Javascript
javascript实现选中复选框后相关输入框变灰不可用的方法
2015/08/11 Javascript
理解AngularJs指令
2015/12/10 Javascript
又一款js时钟!transform实现时钟效果
2016/08/15 Javascript
微信小程序 简单DEMO布局,逻辑,样式的练习
2016/11/30 Javascript
微信小程序 欢迎页面的制作(源码下载)
2017/01/09 Javascript
JavaScript基础之this详解
2017/06/04 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
three.js中文文档学习之通过模块导入
2017/11/20 Javascript
vue使用axios时关于this的指向问题详解
2017/12/22 Javascript
微信小程序icon组件使用详解
2018/01/31 Javascript
深入理解ES6中let和闭包
2018/02/22 Javascript
JS伪继承prototype实现方法示例
2018/06/20 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
[01:02:03]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS VG
2014/05/26 DOTA
浅谈python连续赋值可能引发的错误
2018/11/10 Python
Python 解决相对路径问题:&quot;No such file or directory&quot;
2020/06/05 Python
如何更换python默认编辑器的背景色
2020/08/10 Python
Django修改app名称和数据表迁移方案实现
2020/09/17 Python
Python 字典一个键对应多个值的方法
2020/09/29 Python
Python绘制数码晶体管日期
2021/02/19 Python
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
会计电算化个人自我评价
2013/11/17 职场文书
班主任班级寄语大全
2014/04/04 职场文书
励志演讲稿800字
2014/08/21 职场文书
家庭贫困证明范本(经典版)
2014/09/22 职场文书
代领学位证书毕业证书委托书
2014/09/30 职场文书
个人工作保证书
2015/02/28 职场文书
2016年全国爱眼日宣传教育活动总结
2016/04/05 职场文书