方法:1、用removeAttr方法將a元素的href屬性移除,語法為「$("a").removeAttr("href")」;2、用attr方法將a元素的href屬性設定為空,語法為“$("a").attr("href"," ")”。
本教學操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。
1、利用removeAttr方法
removeAttr() 方法從被選元素移除一個或多個屬性。
$("a").removeAttr("href");
範例如下:
123 <script> $(document).ready(function(){ $("button").click(function(){ $("a").removeAttr("href"); }); }); </script> PHP中文网
#輸出結果:
2、利用attr方法
attr() 方法設定或傳回被選元素的屬性和值。
當方法用於傳回屬性值,則傳回第一個符合元素的值。
當方法用於設定屬性值,則為符合元素設定一個或多個屬性/值對。
$("a").attr("href"," ");
範例如下:
123 <script> $(document).ready(function(){ $("button").click(function(){ $("a").attr("href"," "); }); }); </script> PHP中文网
輸出結果:
#點擊按鈕後再點選a標籤結果為:
相關影片教學推薦:jQuery影片教學
#以上是jquery怎麼讓a元素的href失效的詳細內容。更多資訊請關注PHP中文網其他相關文章!