问题：
stop(true) 函数里传值，对后面动作的影响？
$("document,html").animate({"scrollTop":500})
$(document).scroll(function(){
var y =$(document).scrollTop();
$("#div1").stop(true).animate({"top":y+200},500)
})
1：jQuery
位置
1:如果 内容下在了script 的下面，要用
$(function(){
这里放要执行的script内容，要不然出现undefined：
})
或者使用$(谁)，ready(内容)；
window.onload=function(){};在或者这样。
$(function() {
$("div").css("color", "red");
})
// 代表 DOM元素、图片资源都加载完成
// $(window).ready(function() {
// $("div").css("color", "red");
// })
// window.onload = function() {
// $("div").css("color", "red");
// }
2：$("#box1").style.width: 不能这样写，因为$("#box1") 这个不是一个原生JS对象。
$ 符号
1：选择器 不能不写 一定要写
2：$() 函数是jQuery的核心内容，即选择元素
3：$("选择器") 有id的就用#。class的用. 。引号除了 this 、
documen、window 不用加，其余的都要加引号！
4：$("p:eq(3)") 这里的eq()是从0开始计数，里面写2 就是指下标为2的元素，
1$("p") 所有的p
2$("p:first") 第一个p
3$("p:last") 最后一个p
4$("p:eq(3)") 下标为3的p
5$("p:lt(3)") 下标小于3的p
6$("p:gt(3)") 下标大于3的p
7$("p:odd") 下标是奇数的p
$("p:even") 下标是偶数的p
5:css 样式。可以获取css属性值更可以更改样式。
$("#div1").css({"width":100,
"top":100})//属性多里面写JSON
还可以写"+=100px"
6：animate 函数引用
$("选择器").animate(终点JSON,动画时间,回调函数);默认的是 easeInOut 运动方式
一个元素会把接受到的运动属性一个完成后接着另一个继续开始。只有写在。
两个元素，分别设置运动属性，会同时进行。
练习
1this
move();
function move() {
$("#div1").animate({"left": 500, "top": 200}, 2000, function() {
this.style.backgroundColor = "blue";//这里的this 是指#div1 ，是js的对象。 $(this)是jQuery的对象。
同时写this，会执行 变色，但不会执行 "left":100;写成$(this)才会执行"left":100的运动。后面再加一个$(this).css({"background":"yellow"}) 也会变成黄色。不过蓝色的时间很短。
2 :事件名 不需要添加 on前缀
$("#div1").click(function() {
console.log("点击了物体1")
})
