jquery的方法

1.  $(function  (){   })  入口函数     相当于js中的   window.onload=函数 的用法  ，但window.onload是等页面外部资源加载完毕后才加载js，所以加载慢，所以推荐$(function  (){   })  

 2.dom对象转化成jq对象  $(dom对象)    dom对象不能加引号

var div=document.getElementById('box')    // div是dom对象
    $(function(){
   console.log($('div'))            //操作jq对象
   console.log($(div))             //操作dom对象
    })

3.jq对象转化成dom对象   jq对象[下标]      jq对象.get(index)

$('div')[0].style.backgroundColor='red'

4.jq获取元素   $('选择器')     选择器与css选择器一样

（1）标签选择器

（2）类名选择器

（3）并集选择器

（4）交集选择器

（5）id选择器

（6）后代选择器

（7）子代选择器

$(function(){
     $('#box').css('backgroundColor','lime')
   })

5.过滤选择器  

（1）：odd  获取元素下标为奇数的元素

$("ul li:odd").css("backgroundColor","lime")  

（2）：even  获取元素下标为偶数的元素

$("ul li:even").css("backgroundColor","yellow")

（3）：first  获取第一个的元素

 $("ul li:first").css("fontSize",50)

（4）:last   获取最后一个元素

$("ul li:last").css("fontSize",30)

（5）：eq  获取指定下标的元素

$("ul li:eq(5)").css("height",100)

 6.jq对象.index（）  获取当前元素在所有兄弟元素中的索引

   $("li").click(function(){
      console.log($(this).index())
    })

 7.css操作   jq对象.css（“属性”，“属性值”） 

（1）:分写

 $(function(){
    $("li").css("color","red")
    $("li").css("backgroundColor","lime")
    $("li").css("fontSize",50)
  })

（2）：合写

 $("li").css({
      color:"black",
      backgroundColor:"yellow",
      fontSize:50,
      listStyle:"none"
    })

（3）样式的获取    jq对象.css("属性")  获取样式   

 console.log( $("li").css("width"))