jquery移除html5屬性的步驟:1、使用jquery選擇器選取指定html5元素,語(yǔ)法“$(selector)”,會(huì)返回一個(gè)包含指定元素的jquery對(duì)象;2、使用removeAttr()函數(shù)移除元素對(duì)象的指定屬性,語(yǔ)法“元素對(duì)象.removeAttr("屬性名")”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery3.6.0版本、Dell G3電腦。
html5屬性
屬性可以為 HTML 標(biāo)簽提供一些額外信息,或者對(duì) HTML 標(biāo)簽進(jìn)行修飾。屬性需要添加在開(kāi)始標(biāo)簽中,語(yǔ)法格式為:
attr="value"
attr 表示屬性名,value 表示屬性值。屬性值必須使用雙引號(hào)" "或者單引號(hào)' '包圍。
<input type="text" id="username" />
type和id就是屬性。
jq怎么移除html5屬性?
在jquery中,可以使用removeAttr()刪除屬性。
removeAttr() 方法可以從被選html元素中移除指定屬性。
語(yǔ)法:
$(selector).removeAttr(attribute)
參數(shù) | 描述 |
---|---|
attribute | 必需。規(guī)定從指定元素中移除的屬性。 |
示例:使用removeAttr()刪除hidden屬性
hidden 屬性規(guī)定對(duì)元素進(jìn)行隱藏。隱藏的元素不會(huì)被顯示。
刪除該屬性,可讓元素顯示。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.6.0.min.js"></script> <script> $(function() { $("button").click(function() { $("p").removeAttr("hidden"); }) }) </script> </head> <body> <p>這是一段可見(jiàn)的段落。</p> <p hidden="hidden">這是一段被隱藏的段落,現(xiàn)在顯示出來(lái)了。</p> <p>這是一段可見(jiàn)的段落。</p> <button>刪除hidden屬性</button> </body> </html>
相關(guān)教程推薦:jQuery視頻教程