jquery中attr和prop的区别

最新推荐文章于 2022-06-13 09:48:50 发布

吴彦祖山东分组

最新推荐文章于 2022-06-13 09:48:50 发布

阅读量600

点赞数 1

分类专栏：前端文章标签： jquery attr prop prop与attr区别 jq获取元素属性

本文链接：https://blog.youkuaiyun.com/qq_40847060/article/details/90718811

版权

前端专栏收录该内容

7 篇文章

订阅专栏

此博客围绕jQuery中attr与prop展开，虽未呈现具体内容，但标签显示关注attr、prop及二者区别，还有jq获取元素属性相关，属于前端开发领域信息技术内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery中prop和attr的区别

prop

prop只能对html标签本身的属性可以进行获取值或者赋值

// prop eg:
<input type="text" id="note" name="myname" age=20 />
<script>
   $('#note').prop('name');						// 成功输出：myname
   $('#note').prop('class','mystyle');			// 成功
   $('#note').prop('sex');						// 失败输出：undefined
   $('#note').prop('birthday','1997/12/10');	// 失败
</script>

attr

attr可以对html标签以外的属性（自定义DOM属性）进行获取值或者赋值

// attr eg:
<input type="text" id="note" name="myname" age=20 />
<script>
   $('#note').attr('name');						// 成功输出：myname
   $('#note').attr('class','mystyle');			// 成功
   $('#note').attr('sex');						// 失败输出：undefined
   $('#note').attr('birthday','1997/12/10');	// 成功
</script>