jQuery 文档操作 - insertAfter() 方法

实例

在每个 p 元素之后插入 span 元素:

$("button").click(function(){
  $("<span>Hello world!</span>").insertAfter("p");
});

亲自试一试

定义和用法

insertAfter() 方法在被选元素之后插入 HTML 标记或已有的元素。

注释:如果该方法用于已有元素,这些元素会被从当前位置移走,然后被添加到被选元素之后。

语法

$(content).insertAfter(selector)
参数 描述
content

必需。规定要插入的内容。可能的值:

  • 选择器表达式
  • HTML 标记
selector 必需。规定在何处插入被选元素。

亲自试一试 - 实例

插入已有的元素
如何使用 insertAfter() 方法在每个被选元素之后插入已存在的元素。
目录

jQuery 教程

jQuery 教程导读
jQuery 简介
jQuery 安装
jQuery 语法
jQuery 选择器
jQuery 事件

jQuery 效果

jQuery 效果 – 隐藏和显示
jQuery 效果 – 淡入淡出
jQuery 效果 – 滑动
jQuery 效果 – 动画
jQuery 效果 – 停止动画
jQuery Callback 方法
jQuery Chaining

jQuery HTML

jQuery 捕获
jQuery 设置
jQuery 添加元素
jQuery 删除元素
jQuery CSS 类
jQuery css() 方法
jQuery 尺寸

jQuery 遍历

jQuery 遍历
jQuery 遍历 – 祖先
jQuery 遍历 – 后代
jQuery 遍历 – 同胞(siblings)
jQuery 遍历 – 过滤

jQuery Ajax

jQuery AJAX 简介
jQuery – AJAX load() 方法
jQuery – AJAX get() 和 post() 方法

jQuery 其他

jQuery 与其他框架兼容

jQuery 实例

jQuery 实例
jQuery 编程实战闯关

jQuery 参考手册

jQuery 选择器
jQuery 事件方法
jQuery 效果方法
jQuery HTML / CSS 方法
jQuery 遍历方法
jQuery AJAX 方法
jQuery 杂项方法
jQuery 属性

jQuery 插件

jQuery Validate插件(表单验证)
jQuery Accordion插件(折叠菜单)
jQuery Cookie 插件
jQuery Autocomplete插件(自动补齐)
jQuery Growl 插件(消息提醒)
jQuery Password Validation(密码验证)
jQuery Prettydate
jQuery Tooltip
jQuery Treeview

拓展阅读

多个精美的jquery进度条代码素材下载
jquery下拉菜单(导航)代码汇总下载
12个方便易用的jquery表单验证插件推荐下载
8个优质jquery分页插件推荐下载
jQuery 3.0 新增了哪些特性?(jQuery 3 所引入的那些最重要的变化)
jQuery 备忘单

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }