{site_name}

{site_name}

🌜 搜索

jQuery对象的appendTo()函数是用于将当前jQuery对象中的元素添加到指定的目标元素中,作为其子元素

前端 𝄐 0
jqueryappendto类
jQuery对象的appendTo()函数是用于将当前jQuery对象中的元素添加到指定的目标元素中,作为其子元素。它可以接受一个选择器、DOM元素、HTML字符串或jQuery对象作为参数,用于指定目标元素。

语法:


$(selector).appendTo(target);


示例:

假设有以下 HTML 结构:

html
<div id="container">
<p>这是一个段落。</p>
</div>


现在想要将一个新的段落插入到 #container 中,可以使用 appendTo() 函数来实现:

javascript
$('<p>这是另一个段落。</p>').appendTo('#container');


上述代码将创建一个新的 <p> 元素,并将其添加到 #container 中作为子元素,最终 HTML 结构如下:

html
<div id="container">
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
</div>