学习笔记3（css、js、jQ）

- jQuery

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

使用jQuery前首先要进行导包：

<script type="text/javascript" src="这里写你下载的jQ的路径"></script>

jQ文档加载完成事件：

$(document).ready(function{
//这里写页面加载完成后要执行的函数
});

简洁写法：

$(function(){
// 这里写页面加载完成后要执行的函数
});

jQuery的动画效果：
show：显示
hide：隐藏
slideDown：向下移动
slideUp：向上移动
fadeIn：淡入
fadeOut：淡出

jQuery的选择器：
选择器写法：

$("选择器")

基本选择器：
ID选择器：#ID的名字
类选择器：.类名
元素选择器：元素的名字
通配符选择器：*（将所有的标签都选中）
选择器分组：选择器1 选择器2…
层级选择器：
后代选择器：选择器1 儿孙选择器 （选中所有的儿孙）
子元素选择器：选择器>儿子选择器
相邻兄弟选择器：选择器1+选择器2 （找出相邻着选择器1的第一个兄弟选择器2）
所有弟弟选择器：选择器1~选择器2 （和相邻兄弟选择器类似 但找出所有）
基本过滤器：
选择器：first 找出的是第一个
:even 找出索引为偶数的
:odd 找出索引为奇数的
:gt(index) 大于索引的（不包括index）
:lt(index) 小于索引的（不包括index）
:eq(index) 等于索引
属性选择器：
选择器[href]:单个属性
选择器[href][href]…:多个个属性
选择器[href][href=“值”]:单个属性，包括值
表单过滤器：
:input 找出所有输入项（除了找到input对象，还找出诸如textarea ，select之类的元素）
:text
:password
…
表单对象属性：
找出select中选中的那一项：

option:selected

jQ的相关开发步骤：
1、导入jQ相关的包
2、文档加载完成的事件：页面初始化、绑定相关事件、启动计时器等
3、确定事件
4、实现时间所要触发的函数