Rumah > Artikel > hujung hadapan web > jquery元素固有属性的操作:prop()和removeProp()

jquery元素固有属性的操作:prop()和removeProp()

无忌哥哥asal: 2018-06-29 11:49:381715semak imbas

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2.元素固有属性的操作:prop()和removeProp()</title>
</head>
<body>
<img src="../images/fbb.jpg" width="200" alt="美女" title="明星" id="pic" data-nation="中国">
</body>

1.prop():仅能获取元素的固有属性

获取固有属性alt,title

var res = $(&#39;#pic&#39;).prop(&#39;alt&#39;)
var res = $(&#39;#pic&#39;).prop(&#39;title&#39;)

获取自定义属性data-nation,返回undefined,获取不到

var res = $(&#39;#pic&#39;).prop(&#39;data-nation&#39;)

但是如何使用prop()进行动态设置自定义属性后,就可以正常获取到

var res = $(&#39;#pic&#39;).prop(&#39;data-nation&#39;,&#39;中国山东&#39;)

此时查看元素,发现自定义属性并未发生变化,所以这种设置对元素无影响

此时再次查看到的自定义属性值,只是存在于当前脚本的一个临时数据

var res = $(&#39;#pic&#39;).prop(&#39;data-nation&#39;)

2.removeProp()

这个方法与removeAttr()有二点不同:

1.不支持空格分隔的属性列表字符串,即一次只能删除一个属性

2.它不能删除原生属性,如果真要删除,只要将值设为false即可

不能同时移除多个属性,所以此条语句无效

var res = $(&#39;#pic&#39;).removeProp(&#39;alt data-nation&#39;)

删除自定义属性data-nation

var res = $(&#39;#pic&#39;).removeProp(&#39;data-nation&#39;)

删除原生固有的属性alt,删除失败

var res = $(&#39;#pic&#39;).removeProp(&#39;alt&#39;)

用removeAttr()删除原生属性alt, 删除成功

var res = $(&#39;#pic&#39;).removeAttr(&#39;alt&#39;)

所以,如果要用removeProp()删除原生属性,大多情况下将值设置为false即可

最终由用户脚本自行处理

var res = $(&#39;#pic&#39;).prop(&#39;alt&#39;,false)
var res = $(&#39;#pic&#39;).prop(&#39;alt&#39;)

控制台查询结果

console.log(res)

Atas ialah kandungan terperinci jquery元素固有属性的操作:prop()和removeProp(). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：jquery属性与自定义属性操作:attr()和removeAttr()Artikel seterusnya：如何利用Vue.js指令实现全选功能

Artikel berkaitan

Lihat lagi