day1

1.x版本:能够兼容IE678浏览器
2.x版本:不兼容IE678浏览器
1.x和2.x版本jquery都不再更新版本了,现在只更新3.x版本。

3.x版本:不兼容IE678,更加的精简(在国内不流行,因为国内使用jQuery的主要目的就是兼容IE678

jQuery入口函数

//第一种写法

$(document).ready(function(){



});

//第二种写法

$(function(){



});

jQuery的入口函数比window的入口函数先执行,且能有多个jQuery入口函数,顺序执行

jQuery对象和DOM对象

jQuery对象是伪数组,是DOM对象集合

两种对象方法不共用,但可以相互转换

DOM转jQuery $(DomObj);

jQuery转DOM $obj[index];//从jQuery对象中取出来即可

选择器

什么是jQuery选择器

jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。注意:jQuery选择器返回的是jQuery对象。

jQuery选择器有很多,基本兼容了CSS1到CSS3所有的选择器,并且jQuery还添加了很多更加复杂的选择器。【查看jQuery文档】

jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。所以我们平时真正能用到的只是少数的最常用的选择器。

基本选择器

层级选择器

过滤选择器

【案例:隔行变色】

筛选选择器(方法)

##jq使用

  • 导入对应的jq包
  • 写好入口函数

jQuery是链式的,可以有大部分方法返回值都是对象,可以一直调用下去

方法介绍:

在jq中方法可以传参数和不传参数,具体作用查看API文档

index()方法返回的是当前元素在同辈中的角标

siblings()方法返回所有兄弟元素,但不包括自身(经常用来做排他功能)

鼠标进入离开事件的区别

mouseover----->mouseenter

mouseout---->mouseleave

区别:前者是进去当前对象和其中子元素会触发该事件,后者是进入该元素只触发一次该事件

$符号实质

$实际上和jQuery是同一个对象,根据参数的不同,会有不同的方法

jq调错

因为jq内部的原因,它不会报错,我们找错比较难,我们可以用浏览器的断点功能,可以看看选择器是否有元素,如果没有,则是选择器出错。(jq内部仍然返回一个没有元素的jq对象,所以还能执行后面的方法)

10-07 11:33