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 通过html()及text()方法获取并设置p标签的显示值
May 14 Javascript
node.js中的fs.writeSync方法使用说明
Dec 15 Javascript
jquery滚动特效集锦
Jun 03 Javascript
js+html5绘制图片到canvas的方法
Jun 05 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
Dec 03 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
Feb 02 Javascript
一览画面点击复选框后获取多个id值的方法
May 30 Javascript
遍历json获得数据的几种方法小结
Jan 21 Javascript
Vue学习笔记之表单输入控件绑定
Sep 05 Javascript
javascript匿名函数中的'return function()'作用
Oct 15 Javascript
使用JavaScript获取Django模板指定键值数据
May 27 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
Aug 10 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二维数组排序与默认自然排序的方法介绍
2013/04/27 PHP
PHP添加Xdebug扩展的方法
2014/02/12 PHP
PHP is_subclass_of函数的一个BUG和解决方法
2014/06/01 PHP
ThinkPHP的L方法使用简介
2014/06/18 PHP
jquery 常用操作整理 基础入门篇
2009/10/14 Javascript
javascript 程序库的比较(一)之DOM功能
2010/04/07 Javascript
Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别
2010/10/17 Javascript
DIY jquery plugin - tabs标签切换实现代码
2010/12/11 Javascript
js中onload与onunload的使用示例
2013/08/25 Javascript
JsRender for object语法简介
2014/10/31 Javascript
jQuery中ready事件用法实例
2015/01/19 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
2015/08/28 Javascript
跟我学习javascript的for循环和for...in循环
2015/11/18 Javascript
轻松搞定js表单验证
2016/10/13 Javascript
解析Vue.js中的组件
2018/02/02 Javascript
layui树形菜单动态遍历的例子
2019/09/23 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
2020/02/06 Javascript
js实现无缝轮播图特效
2020/05/09 Javascript
vue将data恢复到初始状态 &amp;&amp; 重新渲染组件实例
2020/09/04 Javascript
[01:09]DOTAPLUS——DOTA2的新时代
2018/04/04 DOTA
[22:59]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python实现从网络下载文件并获得文件大小及类型的方法
2015/04/28 Python
使用 Python 玩转 GitHub 的贡献板(推荐)
2019/04/04 Python
详解Python字符串切片
2019/05/20 Python
如何用Python来理一理红楼梦里的那些关系
2019/08/14 Python
pyinstaller打包程序exe踩过的坑
2019/11/19 Python
pygame编写音乐播放器的实现代码示例
2019/11/19 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
Python爬虫实战案例之爬取喜马拉雅音频数据详解
2020/12/07 Python
神经网络训练采用gpu设置的方式
2021/03/03 Python
澳大利亚波西米亚风连衣裙在线商店:Fortunate One
2019/04/01 全球购物
戴尔英国翻新电脑和电子产品:Dell UK Refurbished Computers
2019/07/30 全球购物
车间统计员岗位职责
2014/01/05 职场文书
医院信息公开实施方案
2014/05/09 职场文书
Python爬虫基础初探selenium
2021/05/31 Python
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技