jquery

Posted 2022-12-21 zhaodz

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

  <script src="./jquery.js"></script>
  <script>
    $(function()
      console.log(‘这是入口函数‘)
    )
    </script>

 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)