jQuery append() 方法

jQuery 教程 · 2019-03-27 11:27:52

实例

在所有 <p> 元素结尾插入内容:

$(document).ready(function(){ $("#btn1").click(function(){ $("p").append(" <b>插入文本</b>."); }); $("#btn2").click(function(){ $("ol").append("<li>插入项</li>"); }); });

定义和用法

append() 方法在被选元素的结尾插入指定内容。

提示:如需在被选元素的开头插入内容,请使用 prepend() 方法。

语法

$(selector).append(content,function(index,html))

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

可能的值:

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

点击查看所有 jQuery 教程 文章: https://codercto.com/courses/l/35.html

查看所有标签

网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂

网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂

刘玉红 / 2015-1-1 / 68

《网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂》作者根据在长期教学中积累的网页设计教学经验,完整、详尽地介绍HTML 5 + CSS 3 + JavaScript网页设计技术。 《网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂》共分24章,分别介绍HTML 5概述、HTML 5网页文档结构、HTML 5网页中的文本和图像、HTML......一起来看看 《网站开发案例课堂:HTML5+CSS3+JavaScript网页设计案例课堂》 这本书的介绍吧!

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具