Jquery1

Jquery:
javaScript脚本包，它里面有一堆一堆的封装好的方法，
我们学习的就是这些方法如何使用

是JS的升级版

$是jquery特有的，取元素的时候提示一下

文件类型：
1、不带min的，是源文件，可以看得懂，但是文件较大，
加载速度慢。
2、带min的，编译后的文件，已经没法看懂了，但是文
件较小，加载速度快。
一般咱使用带min的文件就可以了，不需要看懂它的代码。

一、选择器：
1、基本选择器：跟css很像。
1)基本
id选择器：#
class选择器：.
标签选择器：标签名
2)组合
并列：用,隔开
后代：用空格隔开
2、过滤选择器
1)基本过滤：
首尾：首个first，尾个last
等于：任意个 :eq（索引号）ps：$(".div").eq(1)或是$(".div:eq(1)")
不等于：大于是:gt(索引号)，小于是:lt(索引号)，排除是:not(选择器)
ps:$(".div:gt(1)"),$(".div:not(#div1)")
奇偶，按索引，从0开始：奇数 :odd 是把奇数排除了,偶数 :even 是把偶数排除了
2）属性过滤：
属性名过滤： [属性名] ps:$(".div:[aaa]")
属性的明值对过滤：[属性名=值]，[属性名!=值]
3）内容过滤
文字 :contains("字符串")包含了某一段字符串
子元素 :has("选择器")

二、事件
1、常规事件：把js中的事件，on去掉即可
复合事件：hover(function(){},function(){}).相当于把mouseover(鼠标移入)mouseout(鼠标移出)合二为一
toggle(function(){},function(){},....)可以放无数个function方法. 点击事件循环执行
2、事件冒泡：阻止事件冒泡用return false

三、DOM操作
1、操作属性：
1）获取属性
var a=$("选择器").attr("属性名")
2）设置属性
$("选择器").attr("属性名","属性值")
3）删除属性
$("选择器").removeAttr("属性名")
2、操作样式
1）操作内联样式
获取样式
var a=$("选择器").css("样式名")
设置样式
$("选择器").css("样式名","值")
2）操作样式表的class
添加class
$("选择器").addClass("class名")
移除class
$("选择器").removeClass("class名")
移除后立马添加
$("选择器").removeClass("class名")..addClass("class名")
添加移除交替class
$("选择器").toggleClass("class名")
ps:$("#div").toggleClass(".b",".a")//b替换a，刚开始显示的是a