jQuery中after的两种用法实例
更新时间：2013年07月03日 15:45:02 作者：
after() 方法在被选元素后插入指定的内容
法一：
在每个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字符串。
在每个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字符串。
相关文章
这篇文章主要介绍了jQuery实现获取及设置CSS样式操作,结合实例形式分析了jQuery中常用的addClass()、removeClass()、toggleClass()及css()相关使用方法及操作注意事项,需要的朋友可以参考下2018-09-09
这篇文章主要为大家详细介绍了jQuery实现单击按钮遮罩弹出对话框效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
下面小编就为大家带来一篇easyui datagrid 表格中操作栏 按钮图标不显示的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了element form 校验数组每一项的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-10-10
layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验，接下来通过本文给大家介绍layui常用方法，需要的朋友参考下2016-07-07
easyui datebox 时间限制，datebox开始时间限制结束时间，datebox截止日期比起始日期大的实现代码
这篇文章主要介绍了easyui datebox 时间限制，datebox开始时间限制结束时间，datebox截止日期比起始日期大的实现代码，需要的朋友参考下吧2017-01-01
如果你不知道什么是jQuery autocomplete插件，请看图。你可以测试一下本站的搜索。当然也可以百度一下。2009-04-04
为了防止图片撑破布局，最常见的仍然是通过onload后获取图片尺寸再进行调整，所以加载过程中仍然会撑破。2011-03-03
这篇文章主要为大家详细介绍了jquery点击实现升序降序图标切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
最近在做权限功能的时候，采用的ztree实现的，但是产品要求最后一层的权限节点要横向显示。下面小编把基于ztree实现权限横向显示功能的实现思路分享给大家，供大家参考2017-05-05
最新评论