01 jquery基础

  $('li')//所有li元素  $('li:first')//第一个li元素  $('li:last')//最后一个  $('li:eq(2)')//第三个，eq取下标  $('li:even')//偶数  $('li:eq(2)')//奇数  $('li.box')//class为box的li元素  $('li')filter(.box)//class为box的li元素  $('li')filter('[title = hello]')//title是hello的li元素     取值设值  $('li').html();//只能获取到第一个li的值  $('li').html("Hello")//所有li的元素的值都变成Hello      常用方法：  attr()取属性值，设置属性值  $("div").attr("title")//获取title的值  $("div").attr("title","456")//设置title的值为456    filter()//筛选过滤(针对元素自身)  not()//filter()的反义  //选取class为box的div  $('div').filter('.box').css('background','red');  //class不是box的div  $('div').filter('.box').css('background','red');    has()包含 (针对内部的)  <div>div1<span class="box">span</span>  </div>     <div class="box">div1<span class="bo x">span</span>  </div>   $('div').has('.box').css('background','red');//选取到了第一个        next()//下一个兄弟节点  prev()//上一个兄弟节点    find()//查找  $("div").find("h2");//查找div下的h2  $("div").find("h2").eq(2);//查找div下的第三个h2      index()//当前元素在所有兄弟节点中的位置    属性操作  addClass();//添加样式  removeClass();//删除样式    width();//width  innerWidth();//width+padding  outerWidth();//width+pading+border  outerWidth(true);//width+pading+border+margin    dom操作  区别，把字句和被字句的区别以及，后续操作不一样，  insertBefore();//添加到前(剪切)  before();//      insertAfter();//添加到后(剪切)  appendTo();//添加到里边最后的位置  prependTo();//添加到里边最开始的位置   on();  off();    $("div").on("click",fuction(){    })    $("div").on({'click':function(){},'mouseover':function(){}  })    $("div").off("click");//取消点击事件  $("div").off( );//取消所有事件      $("<div>div</div>")//创建一个div      事件相关细节  ev.pageX;坐标  ev.pageY;    ev.which;键盘鼠标的键值  ev.preventDefault();  ev.stopPropagation();//阻止冒泡  return false;//表示既阻止冒泡又阻止默认事件  offset();  $('div2').offset().left//到屏幕的左边距离  $('div2').offset().top//到屏幕顶部的距离    parent()//获取父级  offsetParent()//获取有定位的父级  size()//获取一组元素长度  each(下标,每个元素);      hover();//两个参数，鼠标移入的方法，移开的方法  show()//显示  hide()//隐藏