【jQuery】jQuery的属性和样式

注意：jQuery是一个集合，所有很多时候返回值也是一个集合

.attr

1.attr(传入属性名) 获取属性的值
2.attr(属性名, 属性值) 设置属性的值
3.attr(属性名,函数值) 设置属性的函数值
4.attr(attributes) 给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … }

.removeAttr()

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

.html()

1.html() 获取集合中第一个匹配元素的HTML内容
2.html( htmlString ) 设置每一个匹配元素的html内容
3.html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数

.text()

1.text() 得到匹配元素集合中每个元素的合并文本，包括他们的后代
3.text( textString ) 用于设置匹配元素内容的文本
3.text( function(index, text) ) 用来返回设置文本内容的一个函数
注意：
html()和.text()方法不能使用在表单元素上，且html是针对的html内容（不仅仅是文本），按照dom的innerHTML属性处理，text结果只是返回字符串

.val() 处理表单元素的值

1.val()，获取匹配的元素集合中第一个元素的当前值
2.val( value )，设置匹配的元素集合中每个元素的值
3.val( function ) ，一个用来返回设置值的函数
注意：
1.val()只能使用在表单元素上；
2.通过.val()处理select元素， 当没有选择项被选中，它返回null
3…val()方法多用来设置表单的字段的值
4.如果select元素有multiple（多选）属性，并且至少一个选择项被选中， .val()方法返回一个数组，这个数组包含每个选中选择项的值

.addClass() 增添样式类名

1.addClass( className ) : 增加的一个或多个样式名(多个例子： .addClass(“intro note”)）
2.addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名

.removeClass( )方法 删除样式类名

.removeClass( [className ] )：移除的一个或多个用空格隔开的样式名
.removeClass( function(index, class) ) ： 一个函数，返回一个或多个将要被移除的样式名
注意： 如果没有样式名作为参数，那么所有的样式类将被移除

.toggleClass( className) 切换样式

.css(操作样式使用很多）

获取：
.css(className ) ：获取匹配元素集合中的第一个元素的样式属性的计算值
.css( objectNames )：传递一组数组，返回一个对象结果
设置：
.css(propertyName, value )：设置CSS
.css( propertyName, function )：可以传入一个回调函数，返回取到对应的值进行处理
.css( objectNames)：可以传一个对象，同时设置多个样式
注意事项：
当一个数只被作为值（value）的时候， jQuery会将其转换为一个字符串，并添在字符串的结尾处添加px，例如 .css(“width”,50}) 与 .css(“width”,“50px”})一样