JQuery元素属性和样式操做、以及设置元素和内容

1、JQury元素属性操做
经过JQuery能够对元素自己的属性进行操做，包括获取属性的属性值，设置属性的属性值，而且能够删除属性值（attr()和removeAttr()）。
2、JQuery样式操做
元素样式操做包括了：直接设置css样式、增长css样式、类别切换、删除类别。
例如：
$('div').css('color');//获取元素行内的css样式颜色。
$('div').css('color'. 'pink');//设置我最喜欢的粉色。
var box = $('div').css(['color','height','width']);//这里获得的是一个对象数组。
顺便讲一下数组的遍历：两种方法
第一种
for(var i in box){
box[i];
}
第二种
$.each(box,function(attr,value){//遍历JavaScript原生态对象
attr+":"+value;
})
为某div定义多个样式：

div样式点击切换：

3、JQuery DOM简介
在JQuery中，已经将最经常使用的DOM操做方法进行的封装（不须要考虑，浏览器的兼容性）。
D表示页面文档的Document
O表示对象，即一组含有独立特性的数据集合
M表示模型，即页面上的元素节点和文本节点。
DOM有三种形式，标准DOM、HTMLDOM、CSSDOM，此刻并不须要深入理解它。
树形结构用来表示DOM，就很是贴切。大部分操做都是元素节点操做，还有少部分文本节点操做。
4、设置元素内容