append和appendTo的区别以及js中的appendChild用法
append和appendTo的区别以及js中的appendChild用法
很多像我一样接触JS没多久的小白对append和appendTo的区别以及js中的appendChild用法都会有所模糊,下面对这个进行详细区分:
append和appendTo的区别:
append()前面是要选择的对象,后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择的对象
实例:
$('#a').append('content');
$('<div>content</div>').appendTo($('#a'));
注意appendTo前面一定要是Jquery对象。
s中的appendChild用法:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<titleappend和appendTo的区别以及js中的appendChild用法</title>
</head>
<body>
<ul id="myList1"><li>Coffee</li><li>Tea</li></ul>
<ul id="myList2"><li>Water</li><li>Milk</li></ul>
<p id="demo">单击按钮将项目从一个列表移动到另一个列表中</p>
<button οnclick="myFunction()">点我</button>
<script>
function myFunction(){
var node=document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);
}
</script>
</body>
</html>
append和appendTo的区别以及js中的appendChild用法相关推荐
- JQuery之append和appendTo的区别,还有js中的appendChild用法
JQuery之append和appendTo的区别 append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择 ...
- jQuery中append()和appendTo()的区别
[前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...
- append和appendTo的区别浅析
二者差别并不大! 在jq文档中,显示二者不同之处在于:内容的位置和选择器. 示例如下: append的写法为: (要插入的对象).append(插入什么内容) appendTo的写法为: (插入什么内 ...
- jquery append()和appendTo() 的区别
append()和appendTo() 的区别 append() $(selector).append(content,function(index,html)) 在A的后面添加B content,可 ...
- php function函数用法,js的function函数是什么?js中function的用法
本篇文章给大家带来的内容是关于js的function函数是什么?js中function的用法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. Function与函数 Function是 ...
- js中return的用法
js中return的用法 今天看到一篇文章,介绍的是js中return的用法,感触很深.(类似于JAVA return) 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默 ...
- innerHTML连接指定HTML文件,js中innerhtml的用法
js中innerHTML与innerText的用法与区别 js中innerHTML的用法: innerHTML可获取或设置指定元素标签内的 html内容,从该元素标签的起始位置到终止位置的全部内容(包 ...
- JS中typeof的用法
转载自 JS中typeof的用法 js是一门弱语言,它在声明变量时无需确定变量的类型,js在运行时会自动判断.那么如何判断一个变量的类型呢,js提供了typeof运算符,用来检测一个变量的类型. 1 ...
- js中indexOf的用法详解
js中indexOf的用法详解 String.IndexOf 方法 (Char, [startIndex], [count]) 报告指定字符在此实例中的第一个匹配项的索引.搜索从指定字符位置开始,并检 ...
最新文章
- python产生fir滤波器_Python中使用FIR滤波器firwin后信号的相移
- nginx实现大小写字母转换(ngx_http_lower_upper_case模块)
- 找不到本地服务器,在本地站点中找不到全局编录服务器
- hdu 4946 凸包注意重点
- echarts画图实例讲解
- php 字符串进行计算_PHP eval() 函数把字符串按照 PHP 代码来计算
- 数据分析需要的数据集
- 数位 dp 最低位最高位之差绝对值大于2_面试必备——手撕代码(2)“买卖股票的最佳时机”...
- 我从零开始学黑莓开发的过程
- 丢掉上半年全球新能源汽车销冠的特斯拉,烦恼不止比亚迪
- 用Python做一只真·多足机器人,钢铁蜈蚣能弯曲还能蠕动
- 计算机在地理科学中的作用,中学地理教学中工具的重要性—胡阳新推荐
- DNS内网欺骗(仅供参考)
- “唯一艺术数字藏品“小程序被下架,数字藏品服务边界在哪
- Sentinel-3数据下载流程
- MST53XXB 35V,200mA,1.9uA,低压线性稳压器
- UE4 使用CustomMesh动态创建网格体
- 贵州省 建筑标准规范 合集
- 升级IDEA时出现Some conflicts were found in the installation area
- 教师计算机返岗实践方案,国培计划返岗实践方案
热门文章
- Android 控件之Gallery图片集
- c语言源码 文件绑捆,js捆绑TypeScript声明文件的方法教程
- vulnhub matrix
- ava虚拟机详解--GC算法和种类【重要】
- SLAM导航机器人零基础实战系列:(五)树莓派3开发环境搭建——1.安装系统ubuntu_mate_16.04...
- ReadProcessMemory Types of actual and formal var parameters must be identical
- 平顶山学院微信缴学费使用说明
- 鹊华秋色(2009-06-10)
- 各种进制转换通用代码
- 网络代理(Proxy)