jquery常用方法

Jquery常用方法

1 addClass()   removeClass()    toggleClass()

2  width()     innerWidth()    outerWidth()

3 insertBefore()    before

4 insertAfter()      after()

5 appendTo()      append()

6 prependTo()     prepend()

7 remove() 清空元素,如div 不保留之前行为如事件 返回值是删除的元素

  detach() 清空元素  保留之前的操作行为 如事件

  Empty() 清空元素里面的内容，保留元素

8 on() off() 里面都可以加参数

9 scrollTop()

10  ev: ev||window.event

     ev.pageX (相对于文档的) :client(相对于可视区的)

     which :keyCode 

11 preventDefault 阻止默认事件

     stopPropagetion 阻止父级冒泡

     stopImmediatePropagation() 阻止一切冒泡

     return false=preventDefault+stopPropagetion

12 one()事件只执行一次

13 offset() 两个属性 left和top 相对于文档的偏移

    position()两个属性 left和top 到有定位的父级的偏移，把当前元素转换成有定位的形式

14 offsetParent() 

     parent()

15 val() 单个元素的value值

    text() 纯文本内容

16 size()

17 each()

18 has()

19 not()

20 filter()

first() last()

21 next()

22 prev()

23 find() 必选参数 在子节点里面找，不止一级

    children() 可选参数，子节点往下一级

    parent() 直接父级 只能遍历一级

    parents() 无参时 遍历所有的父级节点，包括document,有参时,只改变参数节点的类型

    closest() 必选参数 寻找最近的指定的祖先节点，包括自身
    parentsUntil() 必选参数 区间性 到参数节点之间不包括参数节点全发生变化

    siblings() 所有同级元素发生变化 不包括自己

    next() nextAll() nextUtil() 不包括区间点

    prev() prevAll() prevUtil()可传参找

24 eq()

25 index()

26 attr()

27 hover()

28 show()   hide()   toggle()

29 fadeIn()   fadeout()  fadetoggle()    fadeTo(时间,0~1透明度) 效果方法里面都可以加回调函数

30 slideDown()    slideUp()     slidetoggle()

31 click()   dbclick()    mouseenter()    mouseleave()    mouseover()

32 get() 将jquery对象转换成原生javascript

 $(‘div’).get(0).innerHTML

如果不加参数就是所有的div集合

33 innerWidth() 加padding

    outerWidth() 加padding+border

    outerWidth(true) 加padding+border+margin

    offsetWidth()=outerWidth() 区别就是前者在元素隐藏的情况下获取不到

34 $()

   $(function(){})=$(document).ready(function(){})DOM结构加载完就可以执行

   Window.οnlοad=function(){} 在整个页面加载后可以执行，包括图片，flash

35 clone()

克隆一个元素 包括样式

里面可以传一个boolean决定是否克隆之前的事件行为，默认是false

36 wrap() 在指定的每个元素外面包装

   wrapAll() 在指定的元素整体外面包装

   wrapInner() 在指定的每个元素内部包装

   unwrap() 取消指定元素的外部包装 也就是删除父级 不包括body

37 add() 组合

      var elem1=$(‘div’);

      var elem2=elem1.add(‘span’)

38 slice() 数组选择，不包括头尾

39 serialize()   seriallizeArray()数据串联化

40 animate()

四个参数

第一个是一个数组，所到达目标点的属性和值，第二个是使用时间，默认400毫秒。第三个是运动形式，linear匀速运动和swing缓冲运动。第四个是回调函数，实现和链式运动一样的效果。

$(this).animate({width:200px,height:200px},1000,’linear’,function(){});

41 stop()   运动的停止事件

     stop() 默认 只会阻止当前事件

     stop(true) 阻止后续的运动

     stop(true,true) 可以立刻停止到达当前事件指定的目标点

      finish() 可以立刻停止到所有的目标点

42 delay()  运动延迟

43 delegate()事件委托 提升性能

    undelegate()

44 trigger() 事件的主动触发 比如在创建自定义事件的时候

45 ev.data 事件数据 数据可以在on绑定事件里面加入一个数组

     ev.target 事件源

     ev.type 事件类型

 工具类方法 $.xxx() 既可以给jquery用又可以给原生js用

   $=Jquery

1 type()  辨别的类型很多

原生的是typeof() 辨别的类型很少

2 trim()  去前后空格

3 inArray() 类似于indexof() 找下标

   $.inArray(‘b’,arr);

4 proxy()  改变this指向

5 noConflict() 防止冲突 比如$命名空间 如果出现var$=10;那么下面的函数就不会执行 可以var move$=$.noConflilct();后面     就可以用move$代替之前的$

6 parseJSON() 转换成json

7 makeArray() 将类数组转换成数组