css()
为被选元素设置或返回一个或多个样式属性。
- 当用于返回属性,返回第一个匹配元素的指定 CSS 属性值。
- 当用于设置属性,为所有匹配元素设置指定 CSS 属性。
简写的 CSS 属性(比如 "background" 和 "border")不被完全支持,且当用于返回属性值时,在不同的浏览器中有不同的结果。
返回 CSS 属性值:$(selector).css(property)
设置 CSS 属性和值:$(selector).css(property,value)
使用函数设置 CSS 属性和值:$(selector).css(property,function(index,currentvalue))
设置多个属性和值:$(selector).css({属性:value, 属性:value, ...})
参数:
property:规定 CSS 属性名称,比如 "color"、"font-weight" 等等。
value:规定 CSS 属性的值,比如 "red"、"bold" 等等。
function(index,oldValue):规定返回 CSS 属性新值的函数。
index - 返回集合中元素的 index 位置。
oldValue - 返回 CSS 属性的当前值。
attr()
设置或返回被选元素的属性和值。
- 当该方法用于返回属性值,返回第一个匹配元素的值。
- 当该方法用于设置属性值,为所有匹配元素设置一个或多个属性/值对。
返回属性的值:$(selector).attr(attribute)
设置属性和值:$(selector).attr(attribute,value)
使用函数设置属性和值:$(selector).attr(attribute,function(index,currentvalue))
设置多个属性和值:$(selector).attr({attribute:value, attribute:value,...})
参数:
attribute:规定属性的名称。
value:规定属性的值。
function(index,oldValue):规定要返回属性值到集合的函数
index - 接受集合中元素的 index 位置。
oldValue - 接受被选元素的当前属性值。
val()
val() 方法返回或设置被选元素(只有表单元素才有)的 value 属性。
- 当用于返回值时:返回第一个匹配元素的 value 属性的值。
- 当用于设置值时:设置所有匹配元素的 value 属性的值。
注意:val() 方法通常与 HTML 表单元素一起使用。
返回 value 属性:$(selector).val()
设置 value 属性:$(selector).val(value)
通过函数设置 value 属性:$(selector).val(function(index,currentvalue))
value:必需。规定 value 属性的值。
function(index,oldValue):可选。规定返回要设置的值的函数。
index - 返回集合中元素的 index 位置。
oldValue - 返回被选元素的当前 value。