jQuery笔记

jQuery基础

基础知识

1.jQuery就是JavaScript库的一种
2.JavaScript库：把一些浏览器兼容性代码或者常用的函数封装在一个js文件中，该文件就是一个JavaScript库（一个封装了很多js代码的js文件，就是一个JavaScript库）
3JavaScript库也叫JavaScript函数库
4.jQuery就是众多JavaScript库中的一种
5.jQuery的优点：写的少做的多，体积小，功能强大，连式编程，隐式迭代，插件丰富，开源免费

使用jQuery的三个步骤

1.引入jQuery文件
2.入口函数
3.功能实现

jQuery入口函数的三种写法

//第一种写法
$(document).ready(function(){

});
//第二种写法
$(function(){

});

jQuery入口函数与window.onload的对比

JavaScript的入口函数要等到页面中所有资源（包括图片、文件）加载完成后才开始执行。
jQuery的入口函数只要等待文档树加载完成就开始执行，并不会等待图片、文件的加载。

jQuery对象和DOM对象的相互转换

1.jQuery对象转DOM对象：jQuery对象[索引值]

$(btnObj)[0]

2.DOM对象转jQuery对象： $(DOM对象)

jQuery基本选择器

名称	用法	描述
ID选择器	$(‘#id’);	获取指定ID的元素
类选择器	$(‘.class’);	获取同一类class的元素
标签选择器	$(‘div’);	获取同一类标签的所有元素
并集选择器	$(‘div,p,li’);	使用逗号分隔，只要符合条件之一就可。
交集选择器	$(‘div.redClass’);	获取class为redClass的div元素

jQuery层级选择器

名称	用法	描述
子代选择器	$(‘ul > li’);	使用-号，获取儿子层级的元素，注意，并不会获取孙子层级的元素
后代选择器	$(‘ul li’);	使用空格，代表后代选择器，获取ul下的所有li元素，包括孙子等

jQuery过滤选择器

• 这类选择器都带冒号:

名称	用法	描述
:eq（index）	$(‘li:eq(2)’).css(‘color’, ‘red’);	获取到的li元素中，选择索引号为2的元素，索引号index从0开始。
:odd	$(‘li:odd’).css(‘color’, ‘red’);	获取到的li元素中，选择索引号为奇数的元素
:even	$(‘li:even’).css(‘color’, ‘red’);	获取到的li元素中，选择索引号为偶数的元素