jQuery：设置或获取元素固有的属性值prop()和设置或获取元素自定义的属性值attr()

最新推荐文章于 2024-06-19 19:53:31 发布

奄奄一息的一条咸鱼

最新推荐文章于 2024-06-19 19:53:31 发布

阅读量888

点赞数

分类专栏： jQuery 文章标签： javascript js

本文链接：https://blog.csdn.net/weixin_46682277/article/details/116443874

版权

jQuery 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

本文详细介绍了jQuery中prop()和attr()的区别与用法，prop()主要用于获取或设置元素的固有属性，如href和type，而attr()则用于处理自定义属性。示例代码演示了如何获取和设置链接的href属性以及div的自定义属性index。

摘要由CSDN通过智能技术生成

设置或获取元素固有的属性值prop()
固有属性就是元素本身自带的属性，比如链接a里的href属性，input里的type属性等。

1.获取固有属性的语法格式：
prop(“属性”);

2.设置固有属性的语法格式：
prop(“属性”,“属性值”);

 <a href="javascript:;" title="文字">hello world</a>
<script>
$(function(){
	// 1.获取固有属性的语法格式：prop("属性");
	console.log($("a").prop("href"));
	// 2.设置固有属性的语法格式：prop("属性","属性值");
	$("a").prop("title","hello world");
})
</script>

设置或获取元素自定义的属性值attr()
自己给元素添加的属性，称为是自定义属性，比如给li添加index=“1”。
用attr()也能获取到H5自定义属性，比如data-index，使用方法一致。

1.获取自定义属性的语法格式：
attr(“属性”);

2.设置自定义属性的语法格式：
attr(“属性”,“属性值”);

<div index = "1"></div>
<script>
// 用prop()会输出undefined
console.log($("div").prop("index"));
// 获取属性
console.log($("div").attr("index"));
// 设置属性
$("div").attr("index",5);
</script>