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 相关文章推荐
DOM下的节点属性和操作小结
May 14 Javascript
JQuery 学习笔记 选择器之二
Jul 23 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
Aug 07 Javascript
浅析javascript的间隔调用和延时调用
Nov 12 Javascript
jquery实现移动端点击图片查看大图特效
Sep 11 Javascript
js使用cookie记录用户名的方法
Nov 26 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 Javascript
使用Angular.js开发的注意事项
Oct 19 Javascript
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
关于Vue背景图打包之后访问路径错误问题的解决
Nov 03 Javascript
layui实现数据分页功能
Jul 27 Javascript
手写Spirit防抖函数underscore和节流函数lodash
Mar 22 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之第三天
2006/10/09 PHP
php入门学习知识点四 PHP正则表达式基本应用
2011/07/14 PHP
Yii框架getter与setter方法功能与用法分析
2019/10/22 PHP
学习YUI.Ext 第七天--关于View&amp;JSONView
2007/03/10 Javascript
js跟随滚动条滚动浮动代码
2009/12/31 Javascript
JQuery触发radio或checkbox的change事件
2012/12/18 Javascript
JavaScript语言核心数据类型和变量使用介绍
2013/08/23 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
javascript实现实时输出当前的时间
2015/04/27 Javascript
js父页面中使用子页面的方法
2016/01/09 Javascript
详解javascript实现自定义事件
2016/01/19 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
Javascript生成带参数的二维码示例
2016/10/10 Javascript
如何实现json数据可视化详解
2016/11/24 Javascript
3分钟掌握常用的JS操作JSON方法总结
2017/04/25 Javascript
jQuery实现jQuery-form.js实现异步上传文件
2017/04/28 jQuery
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
详解JavaScript的变量
2019/04/04 Javascript
Python中用pycurl监控http响应时间脚本分享
2015/02/02 Python
详解Python中contextlib上下文管理模块的用法
2016/06/28 Python
python实现nao机器人手臂动作控制
2019/04/29 Python
pycharm的python_stubs问题
2020/04/08 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
Python使用正则表达式实现爬虫数据抽取
2020/08/17 Python
用python批量下载apk
2020/12/29 Python
python中time tzset()函数实例用法
2021/02/18 Python
使用css3背景渐变中的透明度来设置不同颜色的背景渐变
2014/03/31 HTML / CSS
IMPORT的选项IGNORE有什么作用?缺省是什么设置?
2015/09/17 面试题
获奖的大学生创业计划书
2014/01/05 职场文书
乡镇庆八一活动方案
2014/02/02 职场文书
2014年父亲节活动方案
2014/03/06 职场文书
事假请假条范文
2014/04/11 职场文书
房产公证书格式
2015/01/26 职场文书
会计实训总结范文
2015/08/03 职场文书
全面盘点MySQL中的那些重要日志文件
2021/11/27 MySQL