jQuery操作DOM

基本操作
　　1、html()
　　　　作用：获取 或 设置 jQuery对象中的html内容
　　　　ex:
　　　　　　console.log($("#main").html());
　　　　　　$("#main").html("");

　　2、text()

　　　　作用：获取 或 设置 jQuery对象中的text内容

　　3、val()

　　　　作用：获取 或 设置 jQuery对象中的value值(表单控件)

　　4、属性操作

　　　　attr()

　　　　作用：读取 或 设置jQuery对象的属性值

　　　　ex:

　　　　　　$obj.attr("id");

　　　　　　获取 $obj 的id属性值

　　　　　　$obj.attr("id","main");

 　　　　　　设置$obj对象的id属性值为main

　　　　removeAttr("attrName")

　　　　　删除jQuery对象的attrName属性

　　　　　ex:

　　　　　　$obj.removeAttr("class");

2、样式操作

　　1、attr()

　　　　$obj.attr("class","redBack");

　　2、addClass("className")

　　　　作用：将className 添加到元素的class值之后

　　　　ex:

　　　　　　$obj = $obj.addClass("c1");

　　　　　　$obj = $obj.addClass("c2");

　　　　　　连缀调用：

　　　　　　　　$obj.addClass("c1").addClass("c2");

　　3、removeClass("className")

　　　　如果无参的话，则清空类选择器

　　　　如果有参数的话，则删除对应的类选择器

　　　　ex:

　　　　　　$obj.removeClass("c1")

　　　　　　将c1类选择器从$obj移除出去

　　　　　　$obj.removeClass()

　　　　　　清空$obj的所有类选择器

　　4、toggleClass("className")

　　切换样式：

　　　　元素如果具备className选择器，则删除

　　　　元素如果没有className选择器，则添加

　　5、css("属性名")

　　　　$obj.css("width");

　　　　获取$obj对象的width属性值

　　6、css("属性名","属性值")

　　　　$obj.css("background-color","yellow");

　　　　设置$obj对象的background-color的属性值为yellow

　　7、css(JSON对象)

　　　　JSON对象：

　　　　是一种约束了格式的对象表现形式

　　　　JSON:JavaScript Object Notation

　　　　JSON对象的表示方式：

　　　　　　1、JSON对象必须使用{}括起来

　　　　　　2、使用键值对的方式来声明数据(表示属性和值)

　　　　　　3、所有的属性在使用时必须使用""括起来，值如果是字符串的话，也必须使用""括起来

　　　　　　4、属性和值之间使用:连接

　　　　　　5、多对属性和值之间使用 , 隔开

　　　　　　ex:

　　　　　　$obj.css({

　　　　　　　　"color":"red",

　　　　　　　　"font-size":"32px",

　　　　　　　　"float":"left"

　　　　　　　　});