jquery记忆点

JQuery记忆点

重点

JQuery对象，DOM对象，Javascript对象；
选择器，HTML片段，DOM对象；
包装集=JQuery对象数组；DOM对象数组；

window和document区别

window.onload()=function(){}和$(document).ready(function (){});

扩展JQuery

$.fn.disable = function () {} // $库中增加了disable方法

JQuery的实用函数

$.trim(astring);这些函数是$()函数的方法

JQuery选择器

$(selector)的包装器函数执行完后返回相同的元素或元素数组（JQuery作用链）；
$(selector)第一个参数是选择器或html字符串（生成新元素），第二个参数是上下文DOM树（默认为所有元素）(DOM元素引用，选择器，$()函数结果包装集)；
$()创建新的HTML，第一个参数是HTML字符串，第二个参数是javaScript对象，该对象的属性和方法将应用到该新创建的HTML元素上。

包装集操作函数

size（）// 包装集的大小（包装集是个JQuery对象数组）;
$(selector)[1] 或$(selector).get(1) // 获取包装集数组下标为1的元素(返回的不是单个元素的包装集);get（-1）从后往前；
$(selector).eq(1),frist(),last(), //返回单个元素的包装集 ;
toArray()// 返回DOM对象数组（不是包装集）；
add(selector) // 求合集， 包装集增加（传入的参数也可以是HTML代码片段，DOM对象等）；
not()// 求差集；
not（function(){}）为所有包装集中的元素调用该函数，并删除返回值为TRUE的元素；
filter() //与not()相反；
slice(begin,end) //不包括end的包装集 ；
has(selector/DOM对象) //
map(callback函数) // 为包装集中的每一个元素调用回调函数，返回值会加入到JQuery对象属性中，返回值为null不会加入到返回的包装集。
each(Iterator) // 为包装集中的每一个元素调用迭代函数，返回包装集（也可以传入JavaScript对象数组）
childen()//包装集中每一个元素的所有直接子节点元素
next()//包装集中每一个元素的第一个同级元素
end()// Jquery方法链中返回前一个包装集

修改DOM属性值

disabled与其取值无关；
class设置类名时与类名顺序无关，只与CSS设置有关；
data(name,value),removeData(),data(name),给jQuery对象设置数据，data(name)只能取一个值；
attr(),removeattr();
addClass(),removeClass(),toggleClass(),hasClass();
css(),width(),height(),offset(),position();
html(),text();
append(),prepend(),before(),after(),appendTo(),prependTo(),insertBefore(),insertAfter();
wrap(),wrapAll(),wrapInner(),unwrap();
remove(),detach(),empty();
clone(copyHandlers),replaceWith(content),replaceAll(selector);
val();

事件

语义动作、第0级事件模型（作为元素的属性、只能是一个）、第2级事件模型（监听器、可以配置多个）；
jquery只能是冒泡阶段；
bind(evenType,data,hanlder),bind(evenType,hanlder),bind(evenMap),one(evenType,data,hanlder),one(evenType,hanlder);
focus(),blur()不冒泡，focusin(),focusout()冒泡；
unbind(evenType,listener),unbind(event);