jQuery中的append 和appendTo方法

append(content|fn) ：向每个匹配元素内部的末尾处插入内容：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><script src="js/jquery-3.3.1.js"></script></head><body><p id="content">never say </p><script>$("#content").append("<span>die.</span>");</script></body>
</html>

在p标签内最后加上span标签(die.)

appendTo(content) ：将匹配的元素追加到指定的元素中的内部的末尾；

和append差不多，append是在匹配位置放入内容，而appendTo是将匹配内容放在指定位置。

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><script src="js/jquery-3.3.1.js"></script></head><body><p id="content">never say </p><span id = "letter">die.</span><script>$("#letter").append("#content");</script></body>
</html>

jQuery中的append 和appendTo方法相关推荐

jQuery中的append()和appendTo()方法
jQuery中的append()和appendTo()方法的效果不是简单的"插入"元素到指定位置,实际上是"移动"元素到指定位置. 参考jQuery API中的 ...
java appendto方法_jquery append与appendTo方法比较
jquery中append与appendTo方法区别 1. append(content)方法方法作用:向每个匹配的元素内部追加内容. 参数介绍:content (): 要追加到目标中的内容. 用法 ...
无法解析 list 中的方法 iterator_Python-list中的append()和extend()方法区别
一.append()和extend()方法都是用来添加数据到list末尾的,两者的区别: append()添加的时候会把添加的数据当成一个整体进行添加,允许添加任意类型的数据 extend()添加的时 ...
JQuery中操作Css样式的方法
JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong> $("#tow").attr("class&q ...
流程代码中js报错，在javaScript或者jQuery中字符串比较没有equals()方法
问题: 流程走不下去. 原因: 在javaScript或者jQuery中字符串比较没有equals()方法,要比较两个字符串是否相等可以直接用==或者is()进行判断. //判断是否为未签约有风险等级 ...
jquery中prop()方法和attr()方法
接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别.原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大 ...
js进阶 10-3 jquery中为什么用document.ready方法
js进阶 10-3 jquery中为什么用document.ready方法一.总结一句话总结: 1.document.ready和window.onload的区别:用哪个好? document. ...
html图片的隐藏与显示,Jquery中使用show()与hide()方法动画显示和隐藏图片
(1)功能描述在页面中单击"显示"连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式:单击已显示的图片时,通过hide()以 ...
ajax离开页面方法,jQuery中ajax调用当前页面方法
$.ajax({ type: 'POST', url: 'AddressManager.aspx/GetProvince',//AddressManager.aspx当前页面 data: '{cach ...

jQuery中的append 和appendTo方法

jQuery中的append 和appendTo方法相关推荐

最新文章

热门文章