每日总结#2

Posted 2020-06-24

[遇到的问题]

1.复习的时候发现js和jquery的代码作用一样但是获取到的结果不同：

js代码：

var newImg = document.createElement(‘img‘);    //newImg=img

jquery代码：

var newImg = $("<img>");    //newImg=[img]

它们之间的不同就是jquery对象和DOM对象的差别：

DOM对象是对节点的引用，而jquery对象是包装DOM对象之后的一个数组对象。

[学习新知识]

1.scrollTop属性可以让元素移动一段像素：

<div id=>点击</div>

JS添加一个动画，就可以实现点击之后页面滚动一段像素：

$("#nav-icon").on("click",function(){
    $(‘body‘).animate({
        ‘scrollTop‘ : ‘200px‘,
    },1000);
});    

相应的还有scrollLeft属性。