jQuery的append()方法将内容追加到元素内部

分类:知识百科 日期: 点击:0

jQuery的append()方法可以将内容追加到元素内部,它可以接受HTML字符串、DOM元素、文本节点、数组等参数。

使用方法

$("#element").append("

This is a paragraph.

");

上面的代码将一个段落追加到id为"element"的元素内部。

如果想将多个元素追加到元素内部,可以使用jQuery的each()方法:

$("#element").append(
    $.each(["

This is a paragraph.

","

This is a subheading.

"],function(i,v){ return v; }) );

上面的代码将两个元素追加到id为"element"的元素内部。

如果想追加一个列表,可以使用append()方法和each()方法:

$("#element").append("
    "); $.each(["List item 1","List item 2","List item 3"],function(i,v){ $("#element ul").append("
  • "+v+"
  • "); });

    上面的代码将一个列表追加到id为"element"的元素内部。

    标签:

    版权声明

    1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
    2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
    3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
    4. 如果素材损害你的权益请联系客服QQ:77594475 处理。