每日总结#2
[遇到的问题]
1.复习的时候发现js和jquery的代码作用一样但是获取到的结果不同:
js代码:
var newImg = document.createElement('img'); //newImg=img
上面代码中的img是一个元素节点。
jquery代码:
var newImg = $("<img>"); //newImg=[img]
它们之间的不同就是jquery对象和DOM对象的差别:
DOM对象是对节点的引用,而jquery对象是包装DOM对象之后的一个类似数组的对象。
jQuery对象转DOM对象:
(1)可以通过[index]的方法得到相应的DOM对象。
(2)通过get(index)方法得到相应的DOM对象。
DOM对象转成jQuery对象:
对于一个DOM对象只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。
[学习新知识]
1.scrollTop属性可以让元素移动一段像素:
<div id=>点击</div>
JS添加一个动画,就可以实现点击之后页面滚动一段像素:
$("#nav-icon").on("click",function(){ $('body').animate({ 'scrollTop' : '200px', },1000); });
相应的还有scrollLeft属性。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步