站長資訊網(wǎng)
刪除hidden屬性的方法：1、直接用removeAttr()刪除hidden屬性，語法“元素.removeAttr("hidden")”；2、用prop()將hidden屬性的值設(shè)置為空，語法“元素.prop("hidden","")”。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
HTML hidden屬性
hidden 屬性規(guī)定對元素進(jìn)行隱藏。隱藏的元素不會被顯示。
如果給元素添加該屬性，則會隱藏元素。
例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <p>這是一段可見的段落。</p> <p hidden="hidden">這是一段被隱藏的段落，現(xiàn)在顯示出來了。</p> <p>這是一段可見的段落。</p> </body> </html>
jquery怎么刪除hidden屬性
1、使用removeAttr()刪除hidden屬性
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function () { $("button").click(function () { $("p").removeAttr("hidden"); }) }) </script> </head> <body> <p>這是一段可見的段落。</p> <p hidden="hidden">這是一段被隱藏的段落，現(xiàn)在顯示出來了。</p> <p>這是一段可見的段落。</p> <button>刪除hidden屬性</button> </body> </html>
2、使用prop()將hidden屬性的值設(shè)置為空
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function () { $("button").click(function () { $("p").prop("hidden",""); }) }) </script> </head> <body> <p>這是一段可見的段落。</p> <p hidden="hidden">這是一段被隱藏的段落，現(xiàn)在顯示出來了。</p> <p>這是一段可見的段落。</p> <button>刪除hidden屬性</button> </body> </html>
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
