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小数四舍五入多种方法实现
Dec 23 Javascript
Node.js开发指南中的简单实例(mysql版)
Sep 17 Javascript
Js 去掉字符串中的空格(实现代码)
Nov 19 Javascript
js点击button按钮跳转到另一个新页面
Oct 10 Javascript
js动态修改表格行colspan列跨度的方法
Mar 30 Javascript
jQuery中$.extend()用法实例
Jun 24 Javascript
JS实现新建文件夹功能
Jun 17 Javascript
最基础的vue.js双向绑定操作
Aug 23 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
Nov 27 Javascript
JavaScript实现全选取消效果
Dec 14 Javascript
angularjs 缓存的使用详解
Mar 19 Javascript
vue如何使用async、await实现同步请求
Dec 09 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
德生PL990的分析评价
2021/03/02 无线电
解决cPanel无法安装php5.2.17
2014/06/22 PHP
php生成固定长度纯数字编码的方法
2015/07/09 PHP
基于thinkPHP框架实现留言板的方法
2016/10/17 PHP
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
十分钟打造AutoComplete自动完成效果代码
2009/12/26 Javascript
location.search在客户端获取Url参数的方法
2010/06/08 Javascript
javscript对象原型的一些看法
2010/09/19 Javascript
jQueryMobile之Helloworld与页面切换的方法
2015/02/04 Javascript
EasyUI中datagrid在ie下reload失败解决方案
2015/03/09 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
JavaScript实现解析INI文件内容的方法
2016/11/17 Javascript
JS作用域链详解
2017/06/26 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
微信小程序中换行空格(多个空格)写法详解
2018/07/10 Javascript
使用electron将vue-cli项目打包成exe的方法
2018/09/29 Javascript
js中位运算的运用实例分析
2018/12/11 Javascript
JS实现的排列组合算法示例
2019/07/16 Javascript
vue中npm包全局安装和局部安装过程
2019/09/03 Javascript
Node在Controller层进行数据校验的过程详解
2020/08/28 Javascript
python进阶之多线程对同一个全局变量的处理方法
2018/11/09 Python
Python线性拟合实现函数与用法示例
2018/12/13 Python
Python类的继承、多态及获取对象信息操作详解
2019/02/28 Python
python实现整数的二进制循环移位
2019/03/08 Python
对Python3之方法的覆盖与super函数详解
2019/06/26 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
python虚拟环境模块venv使用及示例
2020/03/04 Python
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
澳大利亚婴儿礼品公司:The Baby Gift Company
2018/11/04 全球购物
美国孕妇装购物网站:Motherhood Maternity
2019/09/22 全球购物
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/04/11 面试题
查环查孕证明
2014/01/10 职场文书
争论的故事教学反思
2014/02/06 职场文书
鸟的天堂导游词
2015/01/31 职场文书
2015年社区民政工作总结
2015/04/21 职场文书
日元符号 ¥
2022/02/17 杂记