12.19笔记

1.jquery
入口函数：等待函数加载完毕后进行执行
+1.   $(document).ready(function () {
             })
+2.$(function () {
         })
$:顶级对象，是jQuery的别称，相当于原生js中的window，对元素进行包装，使其成为jquery对象，从而可以调用jquery的方法
jquery对象和dom对象的区别：jquery只能用jquery方法，不能使用原生js的方法 
将jquery对象转为dom对象
btn2.style.backgroundColor = "pink"
$("button")[0].style.backgroundColor = "pink"
$("button").get(下标)
将dom转化为jquery对象
$(dom对象)

2.jquery选择器
$("选择器")
$("选择器").css("属性名","属性值")
     如 $("div").css("color", "pink")
隐式叠代：便利内部dom元素的过程

3.jquery筛选选择器
 console.log($("ul li:first"))
        console.log($("ul li:last"))
console.log($("ul li:eq(2)"))
 $("ul li:odd").css("backgroundColor", "pink")奇数
        $("ul li:even").css("backgroundColor", "red")偶数

4.筛选的方法
 $(".son").parent()找父亲
  $(".father").children(".son")、、子代选择器
  $(".father").find("div").css("color", "red")  //后代选择器
 $("li").siblings("div").css("color", "red")找兄弟节点，不包括自己

5.更改样式
6.显示和隐藏
$("div").hide(2000)隐藏
 $("div").show(2000)展示
 $("div").toggle()//切换

7.滑动
$("div").slideDown(2000)划入
 $("div").slideUp(2000)//隐藏
$("div").slideToggle()//切换

8.淡入淡出
$("div").fadeout（）淡出
$("div").fanin（）淡出
$("div").fainToggle()//切换

9.自定义动画
 animate
 $("div").animate({
                    left: 150,
                    top: 500,
                    opacity: .4,
                    width: 10
                }, 1500)