jquery

使用jQuery要先引入

$()函数：
        选择标签：$(div)
        选择类名：$(".box")
        选择ID：$("#box")

筛选器：
    $("p")         所有的p
    $("p:first")      第一个p
     $("p:last")    最后一个p
     $("p:eq(3)")    下标等于3的p
     $("p:lt(3)")    下标小于3的p
     $("p:gt(3)")    下标大于3的p
     $("p:odd")    下标是奇数的p
    $("p:even")    下标是偶数的p
eq可以单独提炼为方法，可以连续打点

CSS函数
     $("p:odd").css("backgroundColor","blue");

var json = {
    "name" : '小花',
    "age" : 16,
    "sex" : '女'
  }
//obj 和 JSON  区加：就是JSON的属性加引号
//JSON数据格式   当下前后分离模式下前后端数据交互用的json格式
//加引为了最大程度兼容各种语言 

animate 动画
元素运动一定要定位
   //第一个为参数目标点（对象） 第二个为时间  第三个为可选的缓冲名  第四个为回调函数
   //动画缓冲默认：easeInOut        更多设置可引入jQuery. easing.js
  $('.box1').animate({top:300, left:400}, 2000, function(){
      console.log($(this))
    $(this).css('background','green');
  });

鼠标进入：mouserrnter
鼠标离开：mouseleave

遍历节点：each() 有返回参数    批量监听

节点关系：
找平级：$('.box1').siblings('div')   可传参数为要找的某一个
找子集：$('.box1').children('h2')   可传参数为要找的某一个
找父级：$('.p').parent()     不用传参数因为只有一个父级
所有父级：$('.p').parents() 
后代级：$('.box1').find('p')      必须传参数

类名操作：
添加：$('div').addClass('a');
移除：$('div').removeClass('box');

对象元素的个数：size()方法   length属性

获取或设置元素属性：attr() 
    $("p").attr("width"); //传一个参数表示获取，结果得到元素的宽度值
         $("p").attr("width","600px"); //传两个值为设置，第一个表示属性，第二个要设置的值

动画三组方法：(显示、隐藏、显示隐藏切换) （滑入、滑出、滑入滑出切换） (淡入、淡出、淡入淡出切换) 
    可传参数：时间、回调函数      $("div").toggle(1000,function(){alert("！");});    
    show()显示、hide()隐藏、toggle()切换               里面有数值，将变为动画
    slideDown()下滑显示、slideUp()上滑隐藏、slideToggle()切换
    fadeIn()淡入显示、fadeOut()淡出隐藏、fadeToggle() 淡出入切换

清除动画队列、停止当前动画：默认stop(false,false)
    //第一个：false不清除动画队列    true清除
     //第二个: false停止当前动画   true 瞬间完成当前动画

延迟函数：$("div").delay(1000).animate({"left":500},1000);         delay()

定时器：setInterval         两个参数：执行函数、时间
             var timer = setInterval(function(){
    console.log(1);
    },2000);        定时器：每个2S打印一个1
清除定时器：clearInterval(timer)      定时器定义时一定要声明一个变量    才能清除

找兄弟节点：前一个兄弟prev()、后一个兄弟next()、前所有兄弟prevAll()、nextAll()

获取焦点：$('#txt').focus(function(){
});

失去焦点：$('#txt').blur(function(){
});