站長資訊網
兩種方法：1、直接使用removeAttr()移除a標簽的指定屬性，語法“$("a").removeAttr("要移除的屬性名")”。2、用attr()將a標簽指定屬性的值設為空，語法“$("a").attr("要移除的屬性名","")”。
本教程操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
jquery去除a標簽指定屬性的兩種方法
1、使用removeAttr()
removeAttr() 方法從被選元素中移除指定屬性。語法：
$("a").removeAttr("要移除的屬性名")
示例：去除a標簽的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標簽超鏈接</a><br><br> <button>去除a標簽的屬性</button> </body> </html>
2、使用attr()
attr() 方法設置或返回被選元素的屬性值。
當使用attr() 方法將被選元素的屬性值設置為空時，也可讓指定屬性失效。
語法：
$("a").attr("要移除的屬性名","")
示例：去除a標簽的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標簽超鏈接</a><br><br> <button>去除a標簽的屬性</button> </body> </html>
擴展知識：
<a> 標簽定義超鏈接，用于從一個頁面鏈接到另一個頁面。
<a> 元素最重要的屬性是 href 屬性，它指定鏈接的目標。
<a> 標簽可設置的屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML 5 中不支持。 |
| coords | coordinates | HTML 5 中不支持。 |
| href | URL | 鏈接的目標 URL。 |
| hreflang | language_code | 規定目標 URL 的基準語言。僅在 href 屬性存在時使用。 |
| media | media query |
規定目標 URL 的媒介類型。 默認值：all。僅在 href 屬性存在時使用。 |
| name | section_name | HTML 5 中不支持。 |
| rel |
|
規定當前文檔與目標 URL 之間的關系。 僅在 href 屬性存在時使用。 |
| rev | text | HTML 5 中不支持。 |
| shape |
|
HTML 5 中不支持。 |
| target |
|
在何處打開目標 URL。僅在 href 屬性存在時使用。 |
| type | mime_type |
規定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。 注：MIME = Multipurpose Internet Mail Extensions。 |
【推薦學習：jQuery視頻教程、web前端視頻】
