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对象,所以还能执行后面的方法)