jQuery-方法篇

1. 操作样式的方法

1. 设置css单个样式：css("样式名","样式值")

2. 设置css多个样式：css({width:"100px",height:"50px"}) 样式名建议用驼峰式,值是数字可以不用引号;

3. 获取css样式：css("样式名") 返回样式值为String类型

注：隐式迭代：设置操作的时候会给jquery内部所有对象设置上相同的值。获取的时候：只会返回第一个元素对应的值

2. 操作类的方法

1. 添加类：addClass("类名")

2. 移除类：removeClass("类名")

3. 判断类：hasClass("类名") 判断有没有这个类，返回boolean

4. 切换类：toggleClass("类名") 有则移除，无则添加，实现切换效果

3. 操作属性的方法（标签里的属性）

1. 设置或获取元素的固有属性：prop()
   获取：prop('属性')
   设置：prop('属性','属性值')

2. 设置或获取元素自定义属性：attr()
   获取：attr('属性')
   设置：attr('属性','属性值')

3. 数据缓存：data()
   data() 方法可以在指定的元素上存取数据，并不会改变DOM元素结构，一旦页面刷新，之前存放的数据会被移除。
   获取H5的自定义属性，不需要写data-,数值型数据返回为数字类型
   获取：data('name')
   设置：data('name', 'value')

4. 移除属性：removeAttr("属性名")

4. 操作动画的方法

以下动画函数里面的参数有两个：执行时间、回调函数, 可都不填,不填就是不做动画效果

4.1 显示隐藏

1. 显示元素：show([speed], [easing], [fn])
   显示加动画效果：show(time)

2. 隐藏元素：hide([speed], [easing], [fn])
   隐藏加动画效果：hide(time)

3. 显示隐藏切换：toggle([speed], [easing], [fn])

4. 我们一般使用的时候不传参数，不做动画效果

   1. 参数可以省略，无动画直接显示
   2. speed：动画时间，有三种预设置"slow"、"normal"、"fast",也可以直接写毫秒值（如：1000）
   3. easing：切换效果，默认是"swing"（满快慢）、可用参数 "linear"（匀速）
   4. fn࿱