jquery中attr和prop的区别
展开全部
在jQuery中,attr方法用于获得html标签中的属性的值,而prop方法用于获得与之对应的DOM元素的属性值
在html文档中的标签中明确设置的属性即可以用attr获得,也可以用prop方法获得但有时有区别,
例如:
html有标签:
<img id="aaa" src="../extensive/rs/2/20140704/img_3.jpg" />
在javascript中导入jQuery库后执行:
alert($("#aaa").attr("src"));
alert($("#aaa").prop("src"));
第一行代码输出:(标签中是什么attr就返回什么)
../extensive/rs/2/20140704/img_3.jpg
而第二行代码输出:
注意,我的机器IP是192.168.1.4,文件在路径is_db_edition_6_30中。(与标签中的值不一样,对值进行了处理)
但是注意,对于那些只有DOM元素中有的属性(在标签中没有的属性),例如innerHTML、outerHTML、tagName等属性则只能用prop方法访问。
在html文档中的标签中明确设置的属性即可以用attr获得,也可以用prop方法获得但有时有区别,
例如:
html有标签:
<img id="aaa" src="../extensive/rs/2/20140704/img_3.jpg" />
在javascript中导入jQuery库后执行:
alert($("#aaa").attr("src"));
alert($("#aaa").prop("src"));
第一行代码输出:(标签中是什么attr就返回什么)
../extensive/rs/2/20140704/img_3.jpg
而第二行代码输出:
注意,我的机器IP是192.168.1.4,文件在路径is_db_edition_6_30中。(与标签中的值不一样,对值进行了处理)
但是注意,对于那些只有DOM元素中有的属性(在标签中没有的属性),例如innerHTML、outerHTML、tagName等属性则只能用prop方法访问。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询