jquery属性和样式以及事件

人生就像一列开往坟墓的列车，路途上会有很多站，很难有人至始至终陪你走完全程，当陪你的人要下车时，即便不舍，也要心存感激，然后挥手告别。---sunnyhuang

---

>>jquery的属性操作

针对表单form的属性

1. val([value]) 如果没有写value的值，是获取对应的form的value值，设置了value，就是修改对应的form的value值

获取其它属性

1. attr(attributeName) 获取对应的属性值
2. attr(attributeName,value) 设置对应的属性值（单个属性）
3. attr({arrtibuteName:value,arrtibuteName:value}) 设置多个属性值给相应的对象（多个属性 json对象）
4. removeAttr() 移除对应的属性值
   属性的操作

>>jquery样式的操作

css() 这是个和attr非常相似的方法，用来处理元素的css

1. css(propertyName) 获取对应的样式值
2. css(propertyName,value) 设置对应的样式值
3. css({propertyName:value,propertyName:value}) 设置多个样式值给相应的对象（多个样式 json对象）

对样式类的修改

1. addClass(class) 为元素添加相应的类，不是覆盖，是追加。添加多个中间用空格隔开
2. removeClass(class) 为元素删除相应的类。删除多个中间用空格隔开
3. hasClass(class) 检查元素是否有某类，如果有，则返回true，否则就是false
4. toggleClass(class) 切换某类，如果元素有这个类，就删除类，如果没有，就添加相应的类。

>>拓展原生js的ES5 classList

element.classList是一个只读属性，返回element的class类的一个类数组对象的集合

但是我们可以通过classList的其他方法来修改类

1. element.classList.add(string) 给元素添加类
2. element.classList.remove(string) 移除元素相应的类
3. element.classList.item(index) 通过索引返回相应的类名
4. element.classList.toggle(string) 当只有一个参数时：切换 class value; 即如果类存在，则删除它并返回false，如果不存在，则添加它并返回true。

5. element.classList.contains(string) 检查元素是否含有某类

   
   原生js对应的类操作