码迷,mamicode.com
首页 > Web开发 > 详细

jquery

时间:2019-10-04 13:27:00      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:OLE   一个   script   dex   ack   对象   入口   index   last   

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)

 

jquery

标签:OLE   一个   script   dex   ack   对象   入口   index   last   

原文地址:https://www.cnblogs.com/zhaodz/p/11621731.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!