jQuery获取、设置元素和元素样式操作（note）

获取和设置元素的内容

在jQuery中，操作元素内容的方法包括html()和text()。前者与JavaScript中的innerHTML属性类似，即获取或设置元素的HTML内容；后者类似于JavaScript中的innerText属性，即获取或设置元素的文本内容。

语法格式	参数说明	功能描述
html（）	无参数	用于获取元素的HTML内容
html（val)	val参数为元素的HTML	用于设置元素的HTML内容
text（）	无参数	用于获取元素的文本内容
text（val）	val参数为元素的文本内容	用于设置元素的文本内容

获取或设置元素的值

在jQuery中，要获取元素的值通过val()方法实现，其语法格式： val（val)

其中，如果不带参数val，是获取某元素的值；反之，则是将参数val的值赋给某元素，即设置元素的值。该方法常用于表单中获取或设置对象的值。

另外，通过val（）方法看还可以获取select标记中的多个选项值，器语法格式如下所示：     val().join(",")

元素样式操作

在页面中，元素样式的操作包含：直接设置样式、增加CSS类别、类别切换、删除类别几部分。

直接设置元素的样式值

在jQuery中，可以通过css()方法为某个指定的元素设置样式值，其语法：      css(name,value)

其中name为样式名称，value为样式的值。

增加元素CSS类别

通过addClass()方法增加元素类别的名称，其语法： addClass（class）

其中，参数class为类别的名称，也可以增加多个类别的名称，只需要用空格将其隔开即可，其语法格式：

addClass（class0 calss1 ...)

切换元素CSS类别

通过toggleClass()方法切换不同的元素类别，其语法格式： toggleClass(class)

其中，参数class为类别名称，其功能是当元素中含有名称为class的CSS类别时，删除该类别，否则增加一个该名称的CSS类别。

删除元素CSS类别

removeClass()方法用于删除类别，其语法格式： removeClass([class])

其中，参数class为类别名称，该名称是可选的。当选该名称时，删除名称是class的类别，有多个类别时用空格隔开。如果不选名称，则删除元素中的所有类别。