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 相关文章推荐
js的with语句使用方法
Sep 21 Javascript
jQuery学习笔记之jQuery的DOM操作
Dec 22 Javascript
eval与window.eval的差别分析
Mar 17 Javascript
Javascript Request获取请求参数如何实现
Nov 28 Javascript
使用Node.js实现一个简单的FastCGI服务器实例
Jun 09 Javascript
javascript检查某个元素在数组中的索引值
Mar 30 Javascript
vue 打包后的文件部署到express服务器上的方法
Aug 09 Javascript
Vue加载组件、动态加载组件的几种方式
Aug 31 Javascript
微信小程序实现banner图轮播效果
Jun 28 Javascript
JS重学系列之聊聊new操作符
Mar 04 Javascript
Vue项目中配置pug解析支持
May 10 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 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
php各种编码集详解和以及在什么情况下进行使用
2011/09/11 PHP
php Calender(日历)代码分享
2014/01/03 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
jquery 学习之二 属性 文本与值(text,val)
2010/11/25 Javascript
善用事件代理,警惕闭包的性能陷阱。
2011/01/20 Javascript
多个js与css文件的合并方法详细说明
2012/12/26 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
2013/03/29 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
2013/07/30 Javascript
详细分析使用AngularJS编程中提交表单的方式
2015/06/19 Javascript
JavaScript和JQuery获取DIV值的方法示例
2017/03/07 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
2017/04/13 jQuery
nodejs 如何手动实现服务器
2018/08/20 NodeJs
详解Puppeteer前端自动化测试实践
2019/02/21 Javascript
Vuex mutitons和actions初使用详解
2019/03/04 Javascript
nodejs分离html文件里面的js和css的方法
2019/04/09 NodeJs
layui 动态设置checbox 选中状态的例子
2019/09/02 Javascript
vue.js使用v-model实现父子组件间的双向通信示例
2020/02/05 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
2020/05/09 Javascript
[03:58]兄弟们,回来开黑了!DOTA2昔日战友招募宣传视频
2016/07/17 DOTA
linux系统使用python监控apache服务器进程脚本分享
2014/01/15 Python
深入解析Python中的集合类型操作符
2015/08/19 Python
基于Python的接口测试框架实例
2016/11/04 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
python实现推箱子游戏
2020/03/25 Python
详解python 3.6 安装json 模块(simplejson)
2019/04/02 Python
详细介绍Python进度条tqdm的使用
2019/07/31 Python
tensorflow对图像进行拼接的例子
2020/02/05 Python
python2.7使用scapy发送syn实例
2020/05/05 Python
New Balance俄罗斯官方网上商店:购买运动鞋
2020/03/02 全球购物
康拓普公司Java笔面试
2016/09/23 面试题
入党积极分子自我鉴定
2014/02/18 职场文书
庆元旦演讲稿
2014/09/15 职场文书
面试复试通知单
2015/04/24 职场文书
CentOS7和8下安装Maven3.8.4
2022/04/07 Servers
如何使用注解方式实现 Redis 分布式锁
2022/07/23 Redis