jQuery after() 方法

jQuery after() 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

实例

在每个 <p> 元素后插入内容:

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

尝试一下 »

定义和用法

after() 方法在被选元素后插入指定的内容。

提示:如需在被选元素前插入内容,请使用 before() 方法。


语法

$(selector).after(content,function(index))

参数 描述
content 必需。规定要插入的内容(可包含 HTML 标签)。

可能的值:

  • HTML 元素
  • jQuery 对象
  • DOM 元素
function(index) 规定返回待插入内容的函数。
  • index - 返回集合中元素的 index 位置。


实例

更多实例

after() - 通过 HTML、jQuery 和 DOM 创建内容
通过 after() 方法插入内容。

使用函数插入内容
如何使用函数在被选元素后插入内容。


jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

目录

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; }