jQuery中attr()方法用法实例

前端之家收集整理的这篇文章主要介绍了jQuery中attr()方法用法实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery中attr()方法用法分享给大家供大家参考。具体分析如下:

方法设置或返回匹配元素的属性值。 attr()方法根据参数的不同,功能也不同。

语法结构一:

获取第一个匹配元素指定属性属性值。
代码如下:

参数列表:

获取其值的属性名称

实例代码:

代码如下:
<Meta charset=" utf-8"> attr()<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>-编程之家

以上代码中, 当点击按钮的时候,能够重新设置div元素的class属性值。

语法结构三:

将“名/值”形式的对象设置为匹配元素的属性。可以一次性设置多组“名/值”对,对匹配元素属性进行设置。
代码如下:

参数列表:

属性名/值对

实例代码:

代码如下:
<Meta charset=" utf-8"> attr()<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>-编程之家
效果

以上代码中,可以设置单元格的宽度和高度。

语法结构四:通过函数返回值设置属性值。

代码如下:

参数列表:

属性的名称。属性值的函数
index - 可选,接受选择器的索引位置。
class - 可选,接受选择器的当前的属性值。

实例代码:

代码如下:
<Meta charset=" utf-8"> attr()<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>-编程之家