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 相关文章推荐
基于JQuery的模拟苹果桌面Dock效果(稳定版)
Oct 15 Javascript
js Map List 遍历使用示例
Jul 10 Javascript
网页中可关闭的漂浮窗口实现可自行调节
Aug 20 Javascript
javascript动态获取登录时间和在线时长
Feb 25 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
Dec 07 Javascript
JS产生随机数的用法小结
Dec 10 Javascript
javascript阻止事件冒泡和浏览器的默认行为
Jan 21 Javascript
详解react-router 4.0 下服务器如何配合BrowserRouter
Dec 29 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
axios异步提交表单数据的几种方法
Aug 11 Javascript
解决VueCil代理本地proxytable无效报错404的问题
Nov 07 Javascript
JavaScript手写数组的常用函数总结
Nov 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
优化使用mysql存储session的php代码
2008/01/10 PHP
php htmlentities和htmlspecialchars 的区别
2008/08/18 PHP
IIS6+PHP5+MySQL5+Zend Optimizer+phpMyAdmin安装配置图文教程 2009年
2009/06/08 PHP
通过PHP的内置函数,通过DES算法对数据加密和解密
2012/06/21 PHP
wamp下修改mysql访问密码的解决方法
2013/05/07 PHP
php中调用其他系统http接口的方法说明
2014/02/28 PHP
使用PHP函数scandir排除特定目录
2014/06/12 PHP
几道坑人的PHP面试题 试试看看你会不会也中招
2014/08/19 PHP
php实现的Cookies操作类实例
2014/09/24 PHP
php+mysql查询优化简单实例
2015/01/13 PHP
PHP云打印类完整示例
2016/10/15 PHP
PHP+Mysql无刷新问答评论系统(源码)
2016/12/20 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
JavaScript Array Flatten 与递归使用介绍
2011/10/30 Javascript
JS如何将UTC格式时间转本地格式
2013/09/04 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
Javascript中的作用域和上下文深入理解
2015/07/03 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
javascript css红色经典选项卡效果实现代码
2016/05/17 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
2016/10/13 Javascript
Ajax的概述与实现过程
2016/11/18 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
vue3 源码解读之 time slicing的使用方法
2019/10/31 Javascript
JS常见内存泄漏及解决方案解析
2020/05/30 Javascript
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
简述Python中的面向对象编程的概念
2015/04/27 Python
Python实现的删除重复文件或图片功能示例【去重】
2019/04/23 Python
pytorch nn.Conv2d()中的padding以及输出大小方式
2020/01/10 Python
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
2014/05/08 HTML / CSS
玩具反斗城美国官网:Toys"R"Us
2016/09/17 全球购物
英国领先的亚洲旅游专家:Wendy Wu Tours
2018/01/21 全球购物
医院护士的求职信
2014/01/03 职场文书
事业单位绩效考核实施方案
2014/03/27 职场文书
运动会入场口号
2014/06/07 职场文书
Python OpenCV超详细讲解读取图像视频和网络摄像头
2022/04/02 Python