jQuery

问题：

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")
})