JQuery（一）

jQuery的选择器类型很多，具体内容查看API即可；

.attr()的四种表达式：

1.attr(传入属性名)：获取属性的值

2.attr(属性名，属性值)：设置属性的值

3.attr(属性名，函数值)：设置属性的函数值

4.attr(attributes)：给指定元素设置多个属性值

.removeAttr()删除方法：

removeAttr(attributeName)：为匹配的元素集合中的每个元素中移除一个属性

.html()：获取集合中第一个匹配元素的HTML内容，或设置其内容

1.html()：获取集合中第一个匹配元素的html内容

2.html(htmlString)：设置每一个匹配元素的html内容

3.html(function(index,oldhtml))：用来返回设置HTML内容的一个函数

.text()：得到匹配元素集合中每个元素的文本内容结合

1.text()：得到匹配元素集合中每个元素的合并文本，包括他们的后代

2.text(textString)：用于设置匹配元素内容的文本

3.text(function(index,text))：用来返回设置文本内容的一个函数

.val()：JQuery中有一个.val()方法主要是用于处理表单元素的值

1.val()无参数，获取匹配的元素集合中第一个元素的当前值

2.val(value)，设置匹配的元素集合中每个元素的值

3.val(function)，一个用来返回设置值的函数

.html(),.text()和.val()的差异总结： 

.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。

其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。

.html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。

.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

.addClass()：通过动态改变类名，可以让其修改内容呈现出不同的效果

1.addClass(className)：为每个匹配元素所要增加的一个或多个样式名

2.addClass(function(index,currentClass))：这个函数返回一个或更多空格隔开的要增加的样式名

.removeClass()：

1.removeClass([className])：每个匹配元素移除的一个或多个用空格隔开的样式名

2.removeClass(function(index,class))：一个函数，返回一个或多个将要被移除的样式名

.toggleClass()：在匹配的元素集合中的每个元素上添加或删除一个或多个样式类，取决于这个样式类是否存在或值切换属性

1.toggleClass(className)：在匹配的元素集合中的每个元素上用来切换的一个或多个样式类名

2.toggleClass(className,switch)：一个布尔值，用于判断样式是否应该被添加或移除

3.toggleClass([switch])：一个用来判断样式类添加还是移除的布尔值

4.toggleClass(function(index,class,switch)[,switch])：用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数

.css()：获取元素样式属性的计算值或者设置元素的css属性

1.css(propertyName)：获取匹配元素集合中的第一个元素的样式属性的计算值

2.css(propertyNames)：传递一组数组，返回一个对象结果

元素的数据存储：

jQuery.data( element, key, value )   //静态接口,存数据
jQuery.data( element, key )  //静态接口,取数据   
.data( key, value ) //实例接口,存数据
.data( key ) //实例接口,存数据