jquery元素固有属性的操作:prop()和removeProp()-tutorial js-php.cn

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

无忌哥哥

Lepaskan： 2018-06-29 11:49:38

asal

1714 orang telah melayarinya

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

<!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>

Salin selepas log masuk

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

获取固有属性alt,title

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

Salin selepas log masuk

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

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

Salin selepas log masuk

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

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

Salin selepas log masuk

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

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

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

Salin selepas log masuk

2.removeProp()

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

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

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

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

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

Salin selepas log masuk

删除自定义属性data-nation

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

Salin selepas log masuk

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

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

Salin selepas log masuk

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

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

Salin selepas log masuk

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

最终由用户脚本自行处理

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

Salin selepas log masuk

控制台查询结果

console.log(res)

Salin selepas log masuk

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

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

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