jQuery appendTo() 方法

实例

在每个 <p> 元素的末尾插入一个 <span> 元素:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("<span>Hello World!</span>").appendTo("p");
  });
});
</script>
</head>
<body>
<button>在每个 p 元素的末尾插入 span 元素</button>
<p>这是一个段落</p>
<p>这是另一个段落</p>
</body>
</html>

运行一下

定义与用法

appendTo() 方法在所选元素的末尾插入 HTML 元素。

提示: 要在所选元素的开头插入 HTML 元素，请使用 prependTo() 方法。

语法

$(content).appendTo(selector)

参数	描述
content	必填。指定要插入的内容（必须包含 HTML 标记）注意: 如果 content 是一个存在的元素, 它将从当前位置移动，并插入到选定元素的末尾
selector	必填。指定要将内容附加到的元素

jQuery appendTo() 方法

实例

定义与用法

语法

更多实例

分类导航