每日总结#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属性。