初识Jquery（一）

现在来每天整理一下笔记，希望以后会有点用处。今天主要是讲一个Jquery选择器吧

一、js与jquery的文档就绪事件

js的文档就绪事件

window.οnlοad=function(){
$(document.getElementById("text")).hide();
}

jquery的文档就绪事件

$(document).ready(function(){
$("#text").show(2000);//表示用2s显示元素
})
//简写是$(function(){
})

1. onload，指示页面包含图片等文件在内的所有元素都加载完成。如果定义多个，js的文档就绪事件执行最后一个。
2. ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）；jquery就绪事件全部都会执行（效率高于js）

二、toggleClass与toggle

1. toggleClass()：样式规则的来回切换toggleClass("highLight")
2. toggle()：显示，隐藏的来回切换

三、Jquery选择器

1.基本选择器

选择器	功能	返回值
#id	根据id属性值选取元素	单个元素
.class	根据class属性值选取元素	元素集合
element	根据给定的标签定选取元素	元素集合
*	选取所有元素，包括和	元素集合
selector1,selector2,...	将每一个选择器匹配到的元素合并后一起返回	元素集合

2.过滤选择器

选择器	功能	返回值
first()或:first	获取第一个元素	单个元素
last()或last	获取最后一个元素	单个集合
:not(selector)	获取除给定选择器之外的所有元素	元素集合
:even	获取索引值为偶数的元素，索引从0开始	元素集合
:odd	获取索引值为奇数的元素，索引从0开始	元素集合
:eq(index)	获取索引值为index的元素，索引从0开始	单个元素
:gt(index)	获取索引值大于为index的元素，索引从0开始	元素集合
:lt(index)	获取索引值小于为index的元素，索引从0开始	元素集合
:header	获取所有标题元素，如h1~h6	元素集合
:animated	获取正在执行动画效果的元素	元素集合

3.内容选择器（根据元素中的文字内容或所包含的子元素特征获取元素）

选择器	功能	返回值
:contains(text)（区分大小写）	获取含有文本内容为text的元素	元素集合
:empty	获取不包含后代元素或者文本的空元素	元素集合
:has(selector)	获取包含后代元素为selector元素	元素集合
:parent	获取含有后代元素或者文本的非空元素	元素集合

4.属性过滤选择器（根据元素的某个属性获取元素）

5.层次选择器

名称	语法	功能	返回值
后代选择器	selector1 selector2	从selector1的后代元素里选取selector2	元素集合，如$("#nav span")表示选取#nav下的元素
子选择器	selector1 > selector2	从selector1的子元素里选取selector2	元素集合，如$("#nav>span")表示选取#nav下的元素
相邻元素选择器	selector1+selector2	从selector1后面的第一个兄弟元素里选取selector2	元素集合，如$("h2+dl ")表示紧邻h2元素之后的同辈元素dl
同辈元素选择器	selector1~selector2	从selector1后面的所有兄弟元素里选取selector2	元素集合，如如$("h2~dl ")表示选取h2元素后面的所有同辈元素dl

6.表单选择器

选择器	功能
:enabled	选取可用的表单元素
:disabled	选取不可用的表单元素
:checked	选取被选中的复选框元素
:selected	选取被选中的下拉框元素