站長(zhǎng)資訊網(wǎng)
兩種刪除方法：1、用attr()刪除，語(yǔ)法“$("div").attr("屬性名","");”，可通過(guò)將指定屬性的值設(shè)為空，進(jìn)而讓屬性失效；2、用removeAttr()刪除，語(yǔ)法“$("div").removeAttr("屬性名");”。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
什么是屬性
屬性可以為 HTML 標(biāo)簽提供一些額外信息，或者對(duì) HTML 標(biāo)簽進(jìn)行修飾。屬性需要添加在開(kāi)始標(biāo)簽中，語(yǔ)法格式為：
attr="value"
attr 表示屬性名，value 表示屬性值。屬性值必須使用雙引號(hào)" "或者單引號(hào)' '包圍。
注意，雖然雙引號(hào)和單引號(hào)都可以包圍屬性值，但是為了規(guī)范和專(zhuān)業(yè)，請(qǐng)盡量使用雙引號(hào)。
一個(gè)標(biāo)簽可以沒(méi)有屬性，也可以有一個(gè)或者多個(gè)屬性。
jquery刪除div某個(gè)屬性的兩種方法
方法1：使用attr()將指定屬性的值設(shè)置為空
當(dāng)使用attr() 方法將被選元素的屬性值設(shè)置為空時(shí)，也可讓指定屬性失效。
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $("div").attr("style",""); }); }); </script> </head> <body> <h1>這是一個(gè)標(biāo)題</h1> <div style="font-size:120%;color:red">這是一個(gè)div元素。</div> <p>這是一個(gè)p元素。</p> <button>刪除div元素的 style 屬性</button> </body> </html>
方法2：使用removeAttr()直接刪除指定屬性
removeAttr() 方法從被選元素中移除一個(gè)或多個(gè)屬性。如需移除若干個(gè)屬性，請(qǐng)使用空格分隔屬性名稱(chēng)。
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("div").removeAttr("id class"); }); }); </script> <style type="text/css"> #p1 { color: white; background-color: green; font-size: 20px; padding: 5px; margin: 5px; } .blue { color: white; background-color: blue; font-size: 20px; padding: 5px; margin: 5px; } </style> </head> <body> <h1>這是一個(gè)標(biāo)題</h1> <div id="p1">這是一個(gè)div元素。</div> <div class="blue">這是另一個(gè)div元素。</div> <button>移除所有div元素的id和class屬性</button> </body> </html>
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
