jQuery中insertAfter()方法用法实例
更新时间：2015年01月08日 15:03:59 投稿：shichen2014
这篇文章主要介绍了jQuery中insertAfter()方法用法,实例分析了insertAfter()方法的功能、定义及匹配的元素插入到另一个指定的元素集合后面的使用技巧,需要的朋友可以参考下
本文实例讲述了jQuery中insertAfter()方法用法。分享给大家供大家参考。具体分析如下：
此方法把匹配的元素插入到另一个指定的元素集合的后面。
insertAfter()方法与insertBefore()方法的作用相反。
语法结构:
复制代码 代码如下:
$(selector).insertAfter(content)
参数列表:
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>insertAfter()函数-脚本之家</title>
<style type="text/css">
p{
width:100px;
height:100px;
border:1px solid red;
}
div{
width:200px;
height:200px;
border:1px solid blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").insertAfter("p");
})
});
</script>
</head>
<body>
<div>我的前面会被插入内容</div>
<p>我是p元素</p>
<button>点击查看效果</button>
</body>
</html>
以上代码可以将div元素插入到p元素的下面，当然是外部的下面。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
jQuery + html + css 实现王者荣耀官网首页效果&nb
这篇文章主要介绍了jQuery + html + css 实现王者荣耀官网首页效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-02-02
这篇文章主要介绍了jQuery中children()方法用法,实例分析了children()方法的功能、定义及过滤所匹配子元素的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jquery判断input值不为空的方法的相关资料,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了jQuery实现径向动画菜单效果的相关资料,需要的朋友可以参考下2015-07-07
jquery实现checkbox全选、取消全选的代码。2010-03-03
如何没有任何一个库可以满足所有的需求，可以使用JQuery库提供的扩展功能，下面有个示例，大家可以看看2014-09-09
详谈jQuery unbind 删除绑定事件 / 移除标签方法
下面小编就为大家带来一篇详谈jQuery unbind 删除绑定事件 / 移除标签方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要为大家详细介绍了JQuery实现简单瀑布流布局，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
下面小编就为大家带来一篇textarea 在浏览器中固定大小和禁止拖动的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-12-12
这篇文章主要介绍了jQuery分组选择器简单用法,结合实例形式分析了使用jQuery分组选择器动态设置页面元素属性相关操作技巧,需要的朋友可以参考下2019-04-04
最新评论