现在来每天整理一下笔记，希望以后会有点用处。今天主要是讲一个Jquery选择器吧
一、js与jquery的文档就绪事件
js的文档就绪事件
window.onload=function(){ $(document.getElementById("text")).hide();}
jquery的文档就绪事件
$(document).ready(function(){ $("#text").show(2000);//表示用2s显示元素})//简写是$(function(){ })
- onload，指示页面包含图片等文件在内的所有元素都加载完成。如果定义多个，js的文档就绪事件执行最后一个。
- ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）；jquery就绪事件全部都会执行（效率高于js）
二、toggleClass与toggle
- toggleClass()：样式规则的来回切换
toggleClass("highLight") - toggle()：显示，隐藏的来回切换
三、Jquery选择器
1.基本选择器
| 选择器 | 功能 | 返回值 |
#id | 根据id属性值选取元素 | 单个元素 |
.class | 根据class属性值选取元素 | 元素集合 |
element | 根据给定的标签定选取元素 | 元素集合 |
* | 选取所有元素，包括<html>和<body> | 元素集合 |
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下的<span>元素 |
| 子选择器 | selector1 > selector2 | 从selector1的子元素里选取selector2 | 元素集合，如$(“#nav>span”)表示选取#nav下的<span>元素 |
| 相邻元素选择器 | selector1+selector2 | 从selector1后面的第一个兄弟元素里选取selector2 | 元素集合，如$(“h2+dl “)表示紧邻h2元素之后的同辈元素dl |
| 同辈元素选择器 | selector1~selector2 | 从selector1后面的所有兄弟元素里选取selector2 | 元素集合，如如$(“h2~dl “)表示选取h2元素后面的所有同辈元素dl |
6.表单选择器
| 选择器 | 功能 |
:enabled | 选取可用的表单元素 |
:disabled | 选取不可用的表单元素 |
:checked | 选取被选中的复选框元素 |
:selected | 选取被选中的下拉框元素 |
墨蓝
太过爱你忘了你带给我的痛
超、凢脫俗
亦凉
骑猪看日落
左手的ㄟ右手
还没有评论，来说两句吧...