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 相关文章推荐
Mootools 1.2教程 类(一)
Sep 15 Javascript
jQuery 性能优化手册 推荐
Feb 23 Javascript
js location.replace与location.reload的区别
Sep 08 Javascript
Jquery getJSON方法详细分析
Dec 26 Javascript
js实现对table动态添加、删除和更新的方法
Feb 10 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
Oct 27 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 Javascript
Node.js使用NodeMailer发送邮件实例代码
Mar 06 Javascript
JavaScript实现审核流程状态的动态显示进度条
Mar 15 Javascript
微信公众号菜单配置微信小程序实例详解
Mar 31 Javascript
超轻量级的js时间库miment使用解析
Aug 02 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
Nov 06 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伪造referer实例代码
2008/09/20 PHP
shopex主机报错误请求解决方案(No such file or directory)
2011/12/27 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
实现变速回到顶部的JavaScript代码
2011/05/09 Javascript
公共js在页面底部加载的注意事项介绍
2013/07/18 Javascript
Flexigrid在IE下不显示数据的处理的解决方法
2013/10/24 Javascript
js中indexof的用法详细解析
2013/12/24 Javascript
jquery 无限级下拉菜单的简单实现代码
2014/02/21 Javascript
Vue.js中的图片引用路径的方式
2017/07/28 Javascript
Koa 使用小技巧(小结)
2018/10/22 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
2018/11/02 Javascript
微信小程序下拉刷新PullDownRefresh的使用方法
2018/11/29 Javascript
Nest.js 授权验证的方法示例
2021/02/22 Javascript
Python爬取读者并制作成PDF
2015/03/10 Python
python通过shutil实现快速文件复制的方法
2015/03/14 Python
Python使用正则匹配实现抓图代码分享
2015/04/02 Python
Python易忽视知识点小结
2015/05/25 Python
使用Numpy读取CSV文件,并进行行列删除的操作方法
2018/07/04 Python
python实现傅里叶级数展开的实现
2018/07/21 Python
Python 实现try重新执行
2019/12/21 Python
python能在浏览器能运行吗
2020/06/17 Python
Django REST Framework 分页(Pagination)详解
2020/11/30 Python
html5+css3实现一款注册表单实例
2013/04/17 HTML / CSS
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
毕业生自荐书
2013/12/18 职场文书
环保口号大全
2014/06/12 职场文书
物流专业专科生职业生涯规划书
2014/09/14 职场文书
党员个人自我剖析材料
2014/10/08 职场文书
校园广播站开场白
2015/06/01 职场文书
JDBC连接的六步实例代码(与mysql连接)
2021/05/12 MySQL
python基础入门之普通操作与函数(三)
2021/06/13 Python
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS
Springboot中如何自动转JSON输出
2022/06/16 Java/Android