属性操作

.val([value]) 用来处理input的value，没有传递参数的时候表示获取input的值，传递参数的时候表示修改value的值
.attr(attributeName) 获取元素特定属性的值
.attr(attributeName,vlue)修改元素的属性
.removeAttr() 移除属性
.prop() 另看

CSS

• .css()获取和设置css样式

$('.wrap').css('background-color')//获取css样式
$('.wrap').css([
  'width',
  'height',
  'color'
])//获取样式
$('.wrap').css('width','100px')//设置样式
$('.wrap).css([
  'background-color':  'pink',
  'font-size': '16px'
])//设置样式
$('.wrap').css('width','+=100px')//修改样式

• .addClass()给每个对应元素添加class，可以同时添加多个
• .removeClass()每个对应元素移除class
• .hasClass()检查元素是否包含某个class，返回true或false
• toggleClass()对class进行切换，如果没有执行完就有了，如果有，执行完就没有

jq对象和原生js对象的转换

类数组对象(arguments/jq)

1.可以通过下标获得对象
2.可以获取到长度'.length'

jQuery获得的元素集合叫做类数组对象，跟数组很像，但是不能像数组一样操作，需要先转换成js对象才可以

$('p')[index] //选中对象转换成js对象
$('p').eq(index)[0]//先获得对象的jq形式，再转换成js对象
$(document.querySelector('header'))//加上('.abc').length来判断是否存在class

常用方法

• .each(function())遍历jq的元素
  $('.li').each(function(index,node){})

• $.each()//通用迭代函数

$.each([3,4,5],function(index,node){
    console.log(node)
})
//3 4 5

• .map()通过一个函数匹配当前集合中的每个元素，产生一个包含新的jQuery对象
• $.extend()合并对象
  var object = $.extend({},object1,object2)
  遍历object1和object2，将里面的所有属性都添加到第一个参数里面，有重复的后面覆盖前面的。
• .clone()克隆
• index()获取下标
• .ready()
  DOM内容加载后执行