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 相关文章推荐
node.js中的buffer.length方法使用说明
Dec 14 Javascript
封装了jQuery的Ajax请求全局配置
Feb 05 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
Apr 01 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
Apr 05 Javascript
Bootstrap 实现查询的完美方法
Oct 26 Javascript
实现隔行换色效果的两种方式【实用】
Nov 27 Javascript
React-router中结合webpack实现按需加载实例
May 25 Javascript
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
Vue监听事件实现计数点击依次增加的方法
Sep 26 Javascript
vue文件运行的方法教学
Feb 12 Javascript
vue.js的简单自动求和计算实例
Nov 08 Javascript
什么是SOLID
Mar 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脚本的10个技巧(3)
2006/10/09 PHP
一个简单的域名注册情况查询程序
2006/10/09 PHP
PHP代码网站如何防范SQL注入漏洞攻击建议分享
2012/03/01 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
PHP观察者模式实例分析【对比JS观察者模式】
2019/05/22 PHP
js null,undefined,字符串小结
2010/08/21 Javascript
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
js history对象简单实现返回和前进
2013/10/30 Javascript
javascript操作html控件实例(javascript添加html)
2013/12/02 Javascript
javascript的alert box在java中如何显示多行
2014/05/18 Javascript
JavaScript中的原型prototype属性使用详解
2015/06/05 Javascript
nodeJs链接Mysql做增删改查的简单操作
2017/02/04 NodeJs
Express与NodeJs创建服务器的两种方法
2017/02/06 NodeJs
js 监控iframe URL的变化实例代码
2017/07/12 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
深入理解Vue.js源码之事件机制
2017/09/27 Javascript
vue-resource + json-server模拟数据的方法
2017/11/02 Javascript
仿淘宝JSsearch搜索下拉深度用法
2018/01/15 Javascript
关于Vue的路由权限管理的示例代码
2018/03/06 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
简单了解JavaScript弹窗实现代码
2020/05/07 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
[01:01:04]2018DOTA2亚洲邀请赛 4.5 淘汰赛 OpTic vs TNC 第一场
2018/04/06 DOTA
python实现将英文单词表示的数字转换成阿拉伯数字的方法
2015/07/02 Python
代码分析Python地图坐标转换
2018/02/08 Python
使用Python的SymPy库解决数学运算问题的方法
2019/03/27 Python
Python 中list ,set,dict的大规模查找效率对比详解
2019/10/11 Python
如何使用python-opencv批量生成带噪点噪线的数字验证码
2020/12/21 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
瑞贝卡·泰勒官方网站:Rebecca Taylor
2016/09/24 全球购物
医药工作者的求职信范文
2013/09/21 职场文书
数据员岗位职责
2013/11/19 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
TensorFlow中tf.batch_matmul()的用法
2021/06/02 Python
Nginx防盗链与服务优化配置的全过程
2022/01/18 Servers