jQuery 常用方法汇总

1.hasClass('xxx') 判断是否含有该xxx class类 返回Boolean

2.addClass('xxx') 在原来的class类基础上添加该xxx class类

3.removeClass('xxx') 删除该xxx class类

4.toggleClass('xxx') 切换该类添加或者删除xxxclass类

5.height() / width() 获取该类高度/宽度  返回 例如 100 200 不含border padding margin 没有'px' number类型

6.innerHeight() 获取该类高度 返回 例如 100 200 含padding 没有'px' number类型

7.outerHeight() 获取该类高度 返回 例如 100 200 含padding border 没有'px' number类型

8.outerHeight(true) 获取该类高度 返回 例如 100 200 含padding border margin 没有'px' number类型

9.last()  选中该类的最后一个 例如 当有两个 .box类的时候  $('.box').last()

10.first() 选中改类的第一个 例如 当有两个 .box类的时候  $('.box').first()

11.offset() 获取该类左上角距文档的上下距离 返回对象 例如 {top: 5, left: 134}

12.position() 获取该类定位的 宽高 返回对象 例如 {top: 5, left: 134}

13.scrollTop() 获取该类（出现滚动条的情况下）距竖滚条的距离 没有'px' number类型

14.scrollTop(200) 使该类距竖滚条到 200px的位置

15.attr('xxx') 获取该类的xxx属性 例如 class，src等

16.attr('date-index', '1') 使该类添加date-index属性，值为1

17.removeAttr('xxx') 删除该类xxx属性

18.text('xxx') 使该类的内容修改为xxx

19.html('<p>xxx</p>') 使该类的内容修改为xxx 可编译

20.val() 获取该类input的值

21.val('xxx') 使该类input值修改为xxx

22.prop('xxx') 获取该类的值 多用在 disabled checked等boolean类型的属性上

23.prop('disapled', false) 使该类disabled的值为 false 多用在 disabled checked等boolean类型的属性上

24.removeProp() 删除 prop增加的属性

25.animate({}, timer, [fn]) 添加动画效果

26.delay(200) 添加延迟200ms

27.stop() 使该类动画停下（只用在该动画进行中使用）

28.fadeIn('slow', [fn]) 使该类（动画的动作）显示 可选三个值 slow， fast， 毫秒

29.fadeOut(100, [fn]) 使该类（动画的动作）隐藏

30.fadeTo('slow', 0.5, [fn]) 使该类变成透明，保留位置， 0.5为透明度

31.slideUp('slow') 使该类动画收起 可选三个值 slow， fast， 毫秒

32.slideDown('slow') 使该隐藏类动画展开

33.slideToggle('slow') 使该类收起或展开

34.hide() 使该类隐藏 类似于 display: none

35.show() 使该类显示出来 类似于 display： block

36.toggle() 使该类显示或隐藏

37.css({}) 修改该类的css样式