锋利的jQuery

优点：轻量、选择器、DOM操作、事件处理、兼容、链式操作
理念：write less, do more.
PS：windows.onload 与 $(document).ready() 区别
代码风格：1、链式操作风格（同级多行、子级缩进），2、注释
jQuery对象与DOM对象：1、方法不通用，2、可互转（$(cr), $cf[0]）
PS：is(':checked')
与其它库的冲突：在别的库之前JQ被引入用jQuery. ，之后用noConflict()
---
基本选择器：#id .class element * selector1,...,selectorN
层次选择器：$('ancestor descendant') $('parent > child') $('prev + next') $('prev ~ siblings')
过滤选择器：:first :last :not(selector) :even : odd :eq(index) :gt(index) :lt(index) :header :animated :focus :contains(text) :empty :has(selector) :parent :hidden :visible [attribute] [attribute=value] [attribute!=value] [attribute^=value] [attribute$=value] [attribute*=value] [attribute|=value] [attribute~=value] [attribute1][attributeN] :nth-child(index/even/odd/equation) :first-child :last-child : only-child :enabled :disabled :checked :selected
表单选择器：:input :text :password :radio :checkbox :submit :image :reset :button :file :hidden
---
查找节点： $li = $("ul li:eq(1)")
查找属性节点：$li.attr("title")
创建节点：$li_1 = $("<li title='香蕉'>香蕉</li>")
插入/移动节点：append() appendTo() prepend() prependTo() after() insertAfter() before() insertBefore()
删除节点：remove() detach() empty()
复制节点：clone(true)
替换节点：replaceWith() replaceAll()
包裹节点：wrap() wrapAll() wrapInner()
属性操作：attr() removeAttr()
样式操作：addClass() removeClass() toggleClass() hasClass() is()
设置获取值：html() text() val() focus() blur()
遍历节点：children() next() prev() siblings() closest() parent() parents()
CSS-DOM操作：css() width() height() offset() position() scrollTop() scrollLeft()
---
加载DOM：ready()
事件绑定：bind(blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error)
合成事件：hover()
事件冒泡：event.stopPropagation() event.preventDefault() {return false;}
事件对象的属性：event.type event.target event.relatedTarget event.pageX event.pageY event.which event.metaKey
移除事件：unbind() one()
模拟操作：trigger(type,[data]) triggerHandler()
事件命名空间：bind('click.plugin') trigger('click!')
动画：show() hide() fadeIn() fadeOut() slideUp() slideDown() fadeTo() toggle() slideToggle() fadeToggle() .animate( properties [, duration ] [, easing ] [, complete ] )
多重动画：.animate().animate()
停止动画及动画状态：stop([clearQueue],[gotoEnd]) is(':animated') delay()
动画回调：queue(function(next){next();})
---
css() animate() 接受以对象方式的多个CSS属性，接受 +=88、-=88 这样的属性
this.checked = !this.checked 反转布尔值
prop() 只存在布尔值的属性使用，一般用attr()
链式选择器与 遍历节点 方法共用减少代码量
trigger() 调用已经绑定的办法减少代码量
each() 遍历一个jQuery对象，为每个匹配元素执行一个函数
end() 终止在当前链的最新过滤操作，并返回匹配的元素的以前状态
:contains() 选择所有包含指定文本的元素
filter( selector ) 筛选元素集合中匹配表达式 或 通过传递函数测试的 那些元素集合
jquery.cookie.js
---
AJAX优劣：无插件、体验好、性能好、负担少；支持不一、前进后退失效、SEO不好、没好工具
XMLHttpRequest：ActiveXObject(ie6) xmlHttpReq.open() xmlHttpReq.onreadystatechange xmlHttpReq.send() xmlHttpReq.readyState xmlHttpReq.status
load()：从服务器载入数据并且将返回的HTML代码并插入至匹配的元素中。
$.get()：使用一个HTTP GET请求从服务器加载数据。
$.post()：使用一个HTTP POST 请求从服务器加载数据。
$.getScript()：使用一个HTTP GET请求从服务器加载并执行一个 JavaScript 文件。
$.getJSON()：使用一个HTTP GET请求从服务器加载JSON编码的数据。
$.ajax()：执行一个异步的HTTP（Ajax）的请求。
.serialize()：将用作提交的表单元素的值编译成字符串。
.serializeArray()：将用作提交的表单元素的值编译成拥有name和value对象组成的数组。
$.param()：创建一个数组或对象序列化的的字符串，适用于一个URL 地址查询字符串或Ajax请求。
不同阶段状态：.ajaxStart() .ajaxStop() .ajaxComplete() .ajaxError() .ajaxSend() .ajaxSuccess()
$( selector [, context ] ) context 第二个上下文参数用于来指定选择器查找的范围
---
jquery.[插件名].js：注意 this 的使用
闭包：;(function($){})(jQuery);
封装对象方法的插件：$.fn.extend({});
封装全局函数的插件：$.extend({});
选择器插件：$.extend($.expr[":"],{});
尽量使用ID选择器、尽量给选择器指定上下文、缓存对象、循环时的DOM操作、数组方式使用jQuery对象、length检查jQuery对象、用on()监听多个事件、将代码转化为jQuery插件、使用join()拼接字符串、合理使用HTML5的Data属性、尽量使用原生的JavaScript方法、压缩JS
$.cssHooks：直接向 jQuery 中添加钩子，用于覆盖设置或获取特定 CSS 属性时的方法，目的是为了标准化 CSS 属性名或创建自定义属性。
$.proxy()：接受一个函数，然后返回一个新函数，并且这个新函数始终保持了特定的上下文语境。
断点：静静的陪你走了好远好远，连眼睛红了都没有发现……
---
终于学完这本书了，不错推荐，OVER