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第一课
Feb 27 Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
Jan 01 Javascript
web性能优化之javascript性能调优
Dec 28 Javascript
js 3种归并操作的实例代码
Oct 30 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
Dec 05 Javascript
js动态控制table的tr、td增加及删除的具体实现
Apr 30 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
Nov 24 Javascript
Bootstrap中datetimepicker使用小结
Dec 28 Javascript
微信小程序实战篇之购物车的实现代码示例
Nov 30 Javascript
从零开始搭建vue移动端项目到上线的步骤
Oct 15 Javascript
微信小程序使用swiper组件实现层叠轮播图
Nov 04 Javascript
vue 实现v-for循环回来的数据动态绑定id
Nov 07 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 获取时间今天明天昨天时间戳的详解
2013/06/20 PHP
浅析php fwrite写入txt文件的时候用 \r\n不能换行的问题
2013/08/06 PHP
将二维数组转为一维数组的2种方法
2014/05/26 PHP
PHP高效获取远程图片尺寸和大小的实现方法
2017/10/20 PHP
详解php 使用Callable Closure强制指定回调类型
2017/10/26 PHP
详解jquery中$.ajax方法提交表单
2014/11/03 Javascript
jQuery模仿单选按钮选中效果
2016/06/24 Javascript
微信jssdk用法汇总
2016/07/16 Javascript
javascript宿主对象之window.navigator详解
2016/09/07 Javascript
20行JS代码实现网页刮刮乐效果
2017/06/23 Javascript
深入理解ES6学习笔记之块级作用域绑定
2017/08/19 Javascript
在nginx上部署vue项目(history模式)的方法
2017/12/28 Javascript
浅谈KOA2 Restful方式路由初探
2019/03/14 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
JS 数组基本用法入门示例解析
2020/01/16 Javascript
Vue实现兄弟组件间的联动效果
2020/01/21 Javascript
在antd中setFieldsValue和defaultVal的用法
2020/10/29 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
[00:36]DOTA2风云人物相约完美“圣”典 12月17日不见不散
2016/11/30 DOTA
python实现FTP服务器服务的方法
2017/04/11 Python
Django中Model的使用方法教程
2018/03/07 Python
Django如何自定义分页
2018/09/25 Python
python matplotlib实现双Y轴的实例
2019/02/12 Python
用python生成(动态彩色)二维码的方法(使用myqr库实现)
2019/06/24 Python
python-序列解包(对可迭代元素的快速取值方法)
2019/08/24 Python
python将dict中的unicode打印成中文实例
2020/05/11 Python
介绍一下HTTP、HTTPS和SSL
2012/12/16 面试题
外企财务年会演讲稿
2014/01/03 职场文书
大学新生入学教育方案
2014/05/16 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
高中学校对照检查材料
2014/08/31 职场文书
旅游投诉信范文
2015/07/02 职场文书
学习师德师风的心得体会(2篇)
2019/10/08 职场文书
使用pandas或numpy处理数据中的空值(np.isnan()/pd.isnull())
2021/05/14 Python
pytorch中[..., 0]的用法说明
2021/05/20 Python