首页 >web前端 >前端问答 >jquery怎么删除元素对象的属性

jquery怎么删除元素对象的属性

WBOY
WBOY原创
2022-03-29 10:45:223111浏览

jquery删除元素对象属性的方法:1、利用“$(元素)”语句获取指定的元素对象;2、利用removeAttr()方法删除元素对象的属性,语法为“元素对象.removeAttr(指定的元素属性)”。

jquery怎么删除元素对象的属性

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎么删除对象的属性

在jquery中,可以使用removeAttr()方法删除指定的元素属性

新建一个html文件,命名为test.html,用于讲解jquery如何删除元素属性。使用p标签创建一行文字,并设置其id属性为title。给p标签添加一个data属性,属性值为“这是一个标题”。

创建一个button按钮,给button绑定onclick点击事件,当按钮被点击时,执行delattr()函数。创建delattr()函数,在函数内,通过id获得p标签对象,使用removeAttr()方法删除指定的元素属性,例如 ,这里删除data属性。

19.png

在浏览器打开test.html文件,点击按钮,查看结果。

20.png

21.png

总结:

1、使用p标签创建一行文字,设置其id属性为myppp,并给p标签添加一个data属性。

2、在js中,通过id获得p标签对象,使用removeAttr()方法删除指定的元素属性。

注意事项

removeAttr()方法可以移除元素的任何属性。

相关视频教程推荐:jQuery视频教程

以上是jquery怎么删除元素对象的属性的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn