jquery

一.jquery基础方法

1. attr()；用于选择自定义属性；例：$('div').attr('title'); title为自定义属性
2. filter()；过滤；例：$('div').filter('.box')；只选择div下class=box的元素
3. not()；过滤，与filter相反；例：$('div').filter('.box')；只选择div下class不等于box的元素
4. has()；包含；例：$('div').has('span')；只选择包含span的元素，包含指的不是class，是指div的内容中包不包含
5. next()；下一个兄弟节点
6. prev()；上一个兄弟节点
7. find()；查找；例：$('div').has('h2')；查找div下的所有h2标签
8. eq()；下标，第几个；例：$('div').has('h2').eq(1)；div下的所有标签的第2个(下标1)
9. index()；索引，当前元素在所有兄弟节点中的位置
10. addClass()；为标签添加样式；例：$('div').addClass('box2 box4')；为div添加样式box2 box4 ，如样式有重复则覆盖
11. removeClass()；将标签的样式移除
12. innerWidth()；width+padding；例：$('div').innerWidth()
13. outerWidth()；width+padding+border；例：$('div').outerWidth()
14. outerWidth(true)；width+padding+border+margin；例：$('div').outerWidth(true);
    
15. insertAfter()；把一个元素插入到指定元素之后；例：$('div').insertAfter($('span')); 把div放到span后面
16. insertBefore()；把一个元素插入到指定元素之前；与insertAfter()相似
    
17. appendTo()；把一个元素插入到指定元素里面的最后位置；例：$('div').appendTo($('span'))；把div插入到span中的最后位置
18. prependTo($('span'))；把一个元素插入到指定元素里面的开始位置；与appendTo()类似
19. remove()；删除某个元素；例：$('div').remove(); 把div从页面中删除
20. on()；为元素添加多个事件；off()；清除on()方法添加的事件
21. scrollTop()；获取滚动条到页面顶部的距离；例：$(window).scrollTop();
22. preventDefault()；阻止默认事件
23. stopPropagation()；阻止冒泡的操作
24. offset()；获取到屏幕的左距离，offsetLeft()；获取到有定位父级的左距离，如果没有定位父级，则是到屏幕的左距离
25. parent()；获取父级，offsetParent()；获取有定位的父级
26. val()；获取元素的value；例：$('input').val()；获取input的value值
27. size()；与length相似
28. each()；循环，遍历每一个元素
29. hover()；鼠标移入移出事件；hover有两个函数，第一个函数对应鼠标移入，第二个函数对应鼠标移出；例：$('div').hover(function(){},function(){});
30. show(); hide(); 显示隐藏
31. fadeOut(); fadeIn(); 淡入淡出，参数为时间，设置淡入淡出时间
32. fadeTo(); 淡入淡出，可以设置时间和透明度；例：$('div').fadeTo(1000,0.5) 以1秒的速度透明度变成0.5
33. slideUp(); slideDown(); 设置向上向下滑动收起滑落

二.jquery高级：$()下的常用方法

1. get()；把jquery转成原生的js，可以和js混用；例：$('li').get().length；length为js的方法，li通过get()转成原生后可以和length共用
2. outerWidth()；获取隐藏元素和参数true的宽，offsetWidth()；获取不到隐藏元素的宽，所以用outerWidth()
3. text()；获取调用对象所有的内容，如果有参数则会为调用对象添加文本
4. detach()；跟remove方法一样，只不过会保留删除这个元素的操作行为
5. parents()；获取调用元素的所有祖先节点，是一个数组，参数是筛选功能，参数可以是body，div等
6. closest()；获取最近的指定的祖先节点（包括当前元素自身），必须写筛选的参数，只能找到一个元素
7. siblings()；选择调用元素的兄弟节点，不包括调用元素，如果有参数则只选择参数的节点
8. nextAll()；下面所有的兄弟节点；prevAll()；上面的所有兄弟节点
9. nextUntil()；选中后面的兄弟节点，直到参数节点；例：$('div').nextUntil('li')；选中div后面的所有兄弟节点，直到li时结束
10. prevUntil()；选中前面的兄弟节点，直到参数节点，与nextUntil()类似
11. clone()；克隆节点，参数可以复制之前的操作事件
12. wrap()；包装；wrapAll()；整体包装，参数为用于包装的标签
13. wrapInner()；内部包装
14. unwrap()；删除包装（不包括body）
15. add()；对节点进行添加元素
16. slice()；选中元素，有两个参数，第一个参数为开始选中元素，第二个参数为结束选中元素
17. serialize()；把调用元素内容串连成字符串，serializeArray()；把调用元素内容串连成数组
18. animate()；第一个参数：运动的值和属性；第二个参数：时间，默认：400；第三个参数：运动形式，只有两种运动形式（swing：慢快慢，linear：匀速）；第四个参数：回调函数
19. stop()；阻止运动，默认阻止当前运动，参数为true则阻止后续的运动；第二个参数为true可以立即停止到指定的目标点
20. finish()；立即停止到所有指定的目标点
21. delay()；延迟，当一个运动完成后延迟几秒再开始下一个运动，参数为时间
22. delegate()；事件委托，undelegate()；阻止事件委托
23. trigger()；主动触发事件，自动触发事件
24. ev.data：事件时间；ev.target：事件名称；ev.type：事件类型

三.$下的常用方法

$()只能给jq对象用，$.xxx() ；$.yyy()；不仅可以给jq用，也能给js用，叫工具方法

1. trim()；去除前后空格
2. inArray()；类似于indexOf；找某个参数在数组里面的位置
3. proxy()；改变this指向，第一个参数为要改变指向的函数，第二个参数为要指向的对象；例：$.proxy(show,document);
4. noConflict()；防止冲突；例：var str=$.noConflict()；str代替$，之后在用$的地方就可以用str，例：str('div')
5. parseJSON()；将字符串等转换成json；例：$.parseJSON(str)
6. makeArray()；把类数组转换成真正的数组，例：var oDiv=document.getElementsByTagName('div'); oDiv为类数组，不能使用push()方法；$.makeArray(oDiv).push(); 经过makeArray()转换后可以使用
7. ajax

   $.ajax({url:'www.baidu.com',  data:'name=hello&age=20',type:'POST'success:function(){},error:function(){}})

   
   
8. 在一个回调函数中，如果有return false，则既阻止默认事件，又阻止冒泡的操作
9.