jQuery appendTo ( ) 方法

appendTo() 方法可用于在被选元素的末尾插入 HTML 元素。

语法格式:

$(element).appendTo(selector)

参数如下:

content:插入的内容,必须包含 HTML 标签。

selector:规定把内容添加至哪个元素的末尾。

注意:若 content 为页面中原本已经存在的元素,那么它将被从原来的位置移除,并在被选元素的结尾被插入。

示例:

(1)添加新的列表项




    
    
    
    


    
    
  • apple

jQuery appendTo ( ) 方法_第1张图片 

点击按钮,将添加新的列表项至列表的末尾,如图:

jQuery appendTo ( ) 方法_第2张图片

(2)添加页面中原本存在的元素




    
    
    
    


    
    

这是一个段落。

普通段落。

jQuery appendTo ( ) 方法_第3张图片

点击按钮,段落将被从原来的位置移除,并添加到盒子的末尾,如图:

jQuery appendTo ( ) 方法_第4张图片

你可能感兴趣的:(jQuery appendTo ( ) 方法)