提供了更加便捷与丰富的方法来操作元素对象。

一、操作元素属性

获取：

//通过id获取元素对象
var obj = $("#uname");
//获取指定的属性值，注意：获取value属性的值只能获取到初始值，要实时获取value值使用val()方法。
var obj_attr = obj.attr("属性名");

修改：

//修改指定属性
obj.attr("属性名","属性值");

二、操作元素内容

获取：

//通过id获取元素对象
var obj = $("#uname");
//获取对象的内容
var obj_context = obj.html();
var obj_context = obj.text();

修改：

//会解析标签，覆盖原有标签
obj.html("内容");
//不会解析标签，只修改内容
obj.text("内容");

三、操作元素样式

获取：

//通过id获取元素对象
var obj = $("#uname");
//获取指定属性的样式
obj.css("属性名");

修改：

　　1、单个样式

obj.css("属性名","属性值");

　　2、多个样式

//使用json传参，提升代码书写效率
obj.css({"样式名":"样式值","样式名":"样式值","样式名":"样式值"});

　　3、给标签追加类样式

//追加一个类样式
obj.addClass("类选择器名");
//删除指定的类样式
obj.removeClass("类选择器名");

JS_10_document对象、操作元素