站長資訊網(wǎng)
兩種方法：1、直接使用removeAttr()移除a標(biāo)簽的指定屬性，語法“$("a").removeAttr("要移除的屬性名")”。2、用attr()將a標(biāo)簽指定屬性的值設(shè)為空，語法“$("a").attr("要移除的屬性名","")”。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery去除a標(biāo)簽指定屬性的兩種方法
1、使用removeAttr()
removeAttr() 方法從被選元素中移除指定屬性。語法：
$("a").removeAttr("要移除的屬性名")
示例：去除a標(biāo)簽的target屬性
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").bind("click", function() { $("a").removeAttr("target"); }); }); </script> </head> <body> <a href="#" target="_blank">a標(biāo)簽超鏈接</a><br><br> <button>去除a標(biāo)簽的屬性</button> </body> </html>
2、使用attr()
attr() 方法設(shè)置或返回被選元素的屬性值。
當(dāng)使用attr() 方法將被選元素的屬性值設(shè)置為空時(shí)，也可讓指定屬性失效。
語法：
$("a").attr("要移除的屬性名","")
示例：去除a標(biāo)簽的href屬性
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").bind("click", function() { $("a").attr("href", ""); }); }); </script> </head> <body> <a href="#" target="_blank">a標(biāo)簽超鏈接</a><br><br> <button>去除a標(biāo)簽的屬性</button> </body> </html>
擴(kuò)展知識(shí)：
<a> 標(biāo)簽定義超鏈接，用于從一個(gè)頁面鏈接到另一個(gè)頁面。
<a> 元素最重要的屬性是 href 屬性，它指定鏈接的目標(biāo)。
<a> 標(biāo)簽可設(shè)置的屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML 5 中不支持。 |
| coords | coordinates | HTML 5 中不支持。 |
| href | URL | 鏈接的目標(biāo) URL。 |
| hreflang | language_code | 規(guī)定目標(biāo) URL 的基準(zhǔn)語言。僅在 href 屬性存在時(shí)使用。 |
| media | media query |
規(guī)定目標(biāo) URL 的媒介類型。 默認(rèn)值：all。僅在 href 屬性存在時(shí)使用。 |
| name | section_name | HTML 5 中不支持。 |
| rel |
|
規(guī)定當(dāng)前文檔與目標(biāo) URL 之間的關(guān)系。 僅在 href 屬性存在時(shí)使用。 |
| rev | text | HTML 5 中不支持。 |
| shape |
|
HTML 5 中不支持。 |
| target |
|
在何處打開目標(biāo) URL。僅在 href 屬性存在時(shí)使用。 |
| type | mime_type |
規(guī)定目標(biāo) URL 的 MIME 類型。僅在 href 屬性存在時(shí)使用。 注：MIME = Multipurpose Internet Mail Extensions。 |
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
