jQuery appendTo() 方法

用法：appendTo() 方法在被选元素的结尾插入 HTML 元素。
$(content).appendTo(selector)
提示：
content 必需。规定要插入的内容（必须包含 HTML 标签）。
注意：如果 content 是已存在的元素，它将从当前位置被移除，并在被选元素的结尾被插入。
selector 必需。规定把内容追加到哪个元素上。
代码如下：


<script>$(document).ready(function() {$("#target2").appendTo("#right-well")});
</script><!-- Only change code above this line. --><div class="container-fluid"><h3 class="text-primary text-center">jQuery Playground</h3><div class="row"><div class="col-xs-6"><h4>#left-well</h4><div class="well" id="left-well"><button class="btn btn-default target" id="target1">#target1</button><button class="btn btn-default target" id="target2">#target2</button><button class="btn btn-default target" id="target3">#target3</button></div></div><div class="col-xs-6"><h4>#right-well</h4><div class="well" id="right-well"><button class="btn btn-default target" id="target4">#target4</button><button class="btn btn-default target" id="target5">#target5</button><button class="btn btn-default target" id="target6">#target6</button></div></div></div>
</div>

运行结果：子元素#target2从父元素#left-well剪切到#right-well。

jQuery appendTo() 方法相关推荐

jQuery appendTo ( ) 方法
appendTo() 方法可用于在被选元素的末尾插入 HTML 元素. 语法格式: $(element).appendTo(selector) 参数如下: content:插入的内容,必须包含 HTM ...
jQuery学习（七）— append方法与appendTo方法
jQuery学习(七)- append方法与appendTo方法一.append方法二.appendTo方法
关于JQuery中的appendTo方法
JQuery中的appendTo方法是会改变页面原有的结构,包括原从页面中取到结构的地方,比如如下代码(代码来自慕课网): <!DOCTYPE html> <html> < ...
jQuery中的append()和appendTo()方法
jQuery中的append()和appendTo()方法的效果不是简单的"插入"元素到指定位置,实际上是"移动"元素到指定位置. 参考jQuery API中的 ...
jQuery 事件方法大全
Dom : Attribute:$("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:" ...
jQuery本身方法（$.each,$.map,$.contains,$ajax）
常用工具方法 (1)$.trim $.trim方法用于移除字符串头部和尾部多余的空格. $.trim(' Hello ') // Hello (2)$.contains $.contains方法返回一 ...
java appendto方法_jquery append与appendTo方法比较
jquery中append与appendTo方法区别 1. append(content)方法方法作用:向每个匹配的元素内部追加内容. 参数介绍:content (): 要追加到目标中的内容. 用法 ...
java appendto方法_jquery中append()与appendto()用法分析
本文实例分析了jquery中append()与appendto()的用法.分享给大家供大家参考.具体分析如下: 在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同 ...
java appendto方法_jQuery中appendTo()方法用法实例
本文实例讲述了jQuery中appendTo()方法用法.分享给大家供大家参考.具体分析如下: 此方法把匹配的元素插入指定元素结尾,插入位置在元素的内部. appendTo()方法的作用和append ...

jQuery appendTo() 方法

jQuery appendTo() 方法相关推荐

最新文章

热门文章