获取和设置元素的属性

2018-08-08  本文已影响5人  就那两三事

css()

为被选元素设置或返回一个或多个样式属性。

  1. 当用于返回属性,返回第一个匹配元素的指定 CSS 属性值。
  2. 当用于设置属性,为所有匹配元素设置指定 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()

设置或返回被选元素的属性和值。

  1. 当该方法用于返回属性值,返回第一个匹配元素的值。
  2. 当该方法用于设置属性值,为所有匹配元素设置一个或多个属性/值对。
    返回属性的值:$(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 属性。

  1. 当用于返回值时:返回第一个匹配元素的 value 属性的值。
  2. 当用于设置值时:设置所有匹配元素的 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。
上一篇 下一篇

猜你喜欢

热点阅读