美文网首页
获取和设置元素的属性

获取和设置元素的属性

作者: 就那两三事 | 来源:发表于2018-08-08 13:10 被阅读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。

相关文章

  • jQuery篇之操作jQuery对象(样式)

    获取/设置 元素内容 获取/设置 元素属性 获取/设置 元素样式 获取/设置 元素位置和大小

  • 获取和设置元素的属性

    css() 为被选元素设置或返回一个或多个样式属性。 当用于返回属性,返回第一个匹配元素的指定 CSS 属性值。 ...

  • HTML5 标签自定义属性规范 dataset

    当我们在HTML 中获取元素的属性值, 或者给某个元素设置属性值时通常有2种情景: 情景1:获取和设置的都是HTM...

  • JQuery笔记——HTML

    元素内容和属性的获取与设置 text() html() val() attr() 添加元素 append() - ...

  • JavaScript基本DOM属性和操作(常用)

    一、获取元素 二、获取和设置属性 三、节点属性 四、动态创建标记 详细的DOM属性和操作可以在 菜鸟教程 查看

  • jQuery属性/常用函数

    属性操作 .val()用来处理input的value,可获取/修改.attr()可获取元素的属性或设置元素属性,多...

  • 一、JavaScript之获取和设置元素属性

    JavaScript之获取和设置元素属性 1.与我前面的随笔获取元素的那些方法不同(http://www.cnbl...

  • jquery的dom操作

    jq获取元素内容和属性 获取内容和设置内容 假设原标签为 This spandisplay both the b...

  • No.35 jQuery属性操作

    一、设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 元素里面的 href...

  • jQuery基本函数整理

    来源于《15天学会jQuery编程与实战》 jQuery操作HTML 获取内容 获取元素的属性 设置元素的属性 页...

网友评论

      本文标题:获取和设置元素的属性

      本文链接:https://www.haomeiwen.com/subject/sxntbftx.html