jQuery中prop()方法用法实例

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

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

方法可以获取或者设置匹配元素的属性值。 根据方法参数的不同,作用也有所不同。

语法结构一:

当参数为属性名称时,此方法能够匹配元素集合中,第一个匹配元素指定属性名称属性值。
代码如下:

参数列表:

获取其值的属性名称。301_18@

实例代码:

实例一:

代码如下:
<Meta charset=" utf-8"> prop()<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a>-编程之家
  • 编程之家欢迎您

以上代码中,由于li元素集合中第一个li元素并没有id属性,所以返回值为空。

语法结构二:

属性的“名/值对”对象方式设置所有匹配元素的属性值。

代码如下:

参数列表:

属性名/值对301_18@

实例代码:

实例一:

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

以上代码可以为div设置指定的样式。

语法结构四:

通过函数返回值设置属性值。

代码如下:

参数列表:

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

实例代码:

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