玩转jQuery

0、入口函数
$(document).ready(function(){
  //...
});
//简写
$(function() {
  //...
});
1、基本筛选器
$(first)             //第一个元素
$(last)              //最后一个元素
$(even)              //索引为偶数的元素，从 0 开始
$(odd)               //索引为奇数的元素，从 0 开始 
$(eq(index))         //给定索引值的元素
2、过滤
$().eq(0)            //index索引
$().first()          //第一个元素
$().last()           //最后一个元素
$().hasClass()       //元素是否含有某个特定的类,返回布尔值
$().has()            //包含特定后代的元素
4、查找
$().children()       //每个子元素,第一层
$().find("span")     //包含所有元素,子子孙孙
$().next()       　　//紧邻元素后的一个同辈元素
$().nextAll()        //元素之后所有的同辈元素
$().prev()           //紧邻元素前的一个同辈元素
$().prevAll()        //元素之前所有的同辈元素
$().parent()         //每个元素的父元素
$().parents()        //每个元素的所有祖先元素,body,html
$().siblings()
5、属性操作
---attr
$().attr("属性");    　　　　　//返回属性值
$().attr("属性","属性值");     //设置属性
$().removeAttr("属性");    　　//将属性删除
---prop
$().prop("checked", true);     //选中复选框
$().removeProp("属性");    　　
6、添加类
$().addClass("类");    　　  //()元素加上 class'' 类
$().removeClass("类");       //从()元素中删除 'class' 类
$().toggleClass("类");       //如果()存在就删除,否则就添加
7、CSS操作
$().css("属性");        
$().css("属性","属性值");   
$().css({ "属性": "属性值", "属性": "属性值" });   
设置多个属性要用{}字典形式，多个属性值用class类。
8、文本值、读写
$().html();    　　　　　　　　//返回元素的html内容
$().html("值");               //设置元素的html内容
$().text();    　　　　　　　  //返回元素的文本内容
$().text("值");    　　　　　　//设置p元素的文本内容
$().val();    　　　　　　　　 //获取文本框中的值
$().val("值");     　　　　    //设置文本框中的内容
9、位置
$().offset()     
$().offset().top
$().offset().left
$().position()               //元素相对父元素的偏移,对可见元素有效 top:0,left:0
$(window).scrollTop()        //获取滚轮滑的高度
$(window).scrollLeft()       //获取滚轮滑的宽度
$(window).scrollTop('500')   //设置滚轮滑的高度为500
10、尺寸
$().height();            //获取元素的高度
$().width();             //获取元素的宽度
$().innerHeight()        //获取第一个匹配元素内部区域高度(包括补白、不包括边框)
$().innerWidth()         //获取第一个匹配元素内部区域宽度(包括补白、不包括边框)
$().outerHeight()        //匹配元素外部高度(默认包括补白和边框)
$().outerWidth()         //匹配元素外部宽度(默认包括补白和边框)
$().outerHeight(true)    //为true时包括边距
11、内部插入
$().append();             //元素内后面追加内容
$().appendTo();    　　　 //元素追加到()内后
$().prepend();            //元素内前面追加内容
$().prependTo();    　    //元素追加到()内前
12、外部插入
$().after();            //每个元素同级之后插入内容
$().before();           //在每个元素同级之前插入内容
$().insertAfter();      //所有元素插入到()元素的后面
$().insertBefore();     //所有元素插入到()元素的前面
13、替换/删除
$().replaceWith();      //将所有匹配的元素替换成指定的HTML或DOM元素
$().replaceAll();       //用匹配的元素替换掉所有 
$().clone()    　　     //克隆元素并选中克隆的副本
$().clone(true)
$().delegate()          //事件委托
14、事件
$().focus()             //元素获得焦点时,触发 focus 事件
$().blur()              //元素失去焦点时,触发 blur事件
$().hover()
$().change()            //当元素的值发生改变时触发事件
$().submit()            //当提交表单时触发事件
15、阻止事件冒泡
event.preventDefault() 　//阻止事件的默认行为(比如点击链接，会自动打开新页面)
event.stopPropagation()  //停止事件向上层元素冒泡
16、
$.trim() 　　//去除字符串两端的空格
$.each() 　　//遍历一个数组或对象，for循环