老师，我的问题是关于zepto对象转成dom对象。
来源：1-4 DOM对象与zepto对象互相转换
慕斯0469344
2019-09-19 08:41:40
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>dom对象与zepto对象的互相转换</title>
</head>
<body>
<div id="one"></div>
<p id="pone"></p>
<a href="###"></a>
<script src="js/zepto.min.js"></script>
<script>
$(document).ready(function(){
// dom对象
var one = document.getElementById('one');
// one.addClass('two');错误因为原生dom对象不能调用zepto方法
one.className = 'two';// 原生的js操作dom
// zepto对象
$('#one').addClass('three');
// 互相转换
// zepto对象转成dom对象
$('#one')[0].className = 'four';
$('#one').get(0).className = 'three';
// dom对象转成zepto对象
$(one).addClass('five');
})
</script>
</body>
</html>老师，$('#one')[0]获取的是div这个元素，
$('#one')[1]获取的是p这个元素，$('#one')[2]获取的是a这个元素？
写回答
1回答
-
同学你好， 代码是没有错误的， 但是同学理解的有一点误差哦，$('#one')是获取div元素的集合， 与a标签没有任何关系哦
zepto对象转成dom对象有如下两种方式
通过中括号下标的方式。
示例：$('p')那么就是获取所有p标签的zepto对象集合， 获取对应的don对象可以通过 $('p')[0]方式获取第一个p对象，$ ('p')[1]方式获取第集合中的第二个p对象，
通过get方法和对应的索引值的方式。
示例： $('p').get(0)获取集合中第一个p对象 $('p').get(1)取第集合中的第二个p对象，
同学多练习， 多总结， 可以帮助自己更好的理解与记忆哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~~
0
相似问题