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创建优美的页面滑动块效果 - Glider.js
Sep 27 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
Aug 01 Javascript
JS与jQ读取xml文件的方法
Dec 08 Javascript
基于javascript实现最简单的选项卡切换效果
May 16 Javascript
Bootstrap布局组件教程之Bootstrap下拉菜单
Jun 12 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
Jul 05 Javascript
pc加载更多功能和移动端下拉刷新加载数据
Nov 07 Javascript
ionic实现下拉刷新载入数据功能
May 11 Javascript
Vue数据双向绑定原理及简单实现方法
May 18 Javascript
微信小程序画布圆形进度条显示效果
Nov 17 Javascript
小程序兼容安卓和IOS数据处理问题及坑
Sep 18 Javascript
vue.js中proxyTable 转发请求的实现方法
Sep 20 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
Ajax+PHP 边学边练之四 表单
2009/11/27 PHP
eAccelerator的安装与使用详解
2013/06/13 PHP
Yii实现MySQL多数据库和读写分离实例分析
2014/12/03 PHP
php使用变量动态创建类的对象用法示例
2017/02/06 PHP
阿里云的WindowsServer2016上部署php+apache
2018/07/17 PHP
jquery 简单导航实现代码
2009/09/11 Javascript
javascript Array数组对象的扩展函数代码
2010/05/22 Javascript
基于JQuery的Pager分页器实现代码
2010/07/17 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
2013/07/04 Javascript
将文本输入框内容加入表中的js代码
2013/08/18 Javascript
正负小数点后两位浮点数实现原理及代码
2013/09/06 Javascript
JS创建类和对象的两种不同方式
2014/08/08 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
2015/03/26 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
2015/05/28 Javascript
一个php+js实时显示时间问题
2015/10/12 Javascript
javascript 将共享属性迁移到原型中去的实现方法
2016/08/31 Javascript
JavaScript仿支付宝6位数字密码输入框
2016/12/29 Javascript
js+html制作简单验证码
2017/02/16 Javascript
Bootstrap表格制作代码
2017/03/17 Javascript
layer弹出层扩展主题的方法
2019/09/11 Javascript
Python 实现网页自动截图的示例讲解
2018/05/17 Python
Python使用Flask-SQLAlchemy连接数据库操作示例
2018/08/31 Python
设置python3为默认python的方法
2018/10/31 Python
Python实现的简单线性回归算法实例分析
2018/12/26 Python
Python实现查找最小的k个数示例【两种解法】
2019/01/08 Python
pandas数据筛选和csv操作的实现方法
2019/07/02 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
利用Python代码实现一键抠背景功能
2019/12/29 Python
python GUI框架pyqt5 对图片进行流式布局的方法(瀑布流flowlayout)
2020/03/12 Python
建筑实习自我鉴定
2013/10/18 职场文书
大学生实习鉴定评语
2014/04/25 职场文书
地理信息科学专业推荐信
2014/09/08 职场文书
2015年英语教师工作总结
2015/05/20 职场文书
php访问对象中的成员的实例方法
2021/11/17 PHP
Python字符串格式化方式
2022/04/07 Python
详解Redis的三种常用的缓存读写策略步骤
2022/05/06 Redis