jQuery基础

使用jQuery的三个步骤：

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

1.关于jQuery的入口函数：

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

要注意jQuery对象与DOM对象的区别

1. DOM对象：使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。
2. jQuery对象：jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。
3. jQuery对象其实就是DOM对象的包装集（包装了DOM对象的集合（伪数组））
4. DOM对象与jQuery对象的方法不能混用。

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

var $obj = $(domObj);//记忆：花钱就能转换为jQuery对象
// $(document).ready(function(){});就是典型的DOM对象转jQuery对象

//jQuery对象转换成dom对象
var $li = $(“li”);
//第一种方法（推荐使用）
$li[0]
//第二种方法
$li.get(0)

jQuery选择器

1.基本选择器

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

2.层级选择器

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

3.过滤选择器

: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元素中，选择索引号为偶数的元素

4.筛选选择器

children(selector)	$(“ul”).children(“li”)		相当于$(“ul>li”)，子类选择器

find(selector)		$(“ul”).find(“li”);			相当于$(“ul li”),后代选择器

siblings(selector)	$(“#first”).siblings(“li”);	查找兄弟节点，不包括自己本身。

parent()			$(“#first”).parent();		查找父亲

eq(index)			$(“li”).eq(2);				相当于$(“li:eq(2)”),index从0开始

next()				$(“li”).next()				找下一个兄弟

prev()				$(“li”).prev()				找上一次兄弟