jquery怎麼讓a元素的href失效

方法：1、用removeAttr方法將a元素的href屬性移除，語法為「$("a").removeAttr("href")」；2、用attr方法將a元素的href屬性設定為空，語法為“$("a").attr("href"," ")”。

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery怎麼讓a元素的href失效

1、利用removeAttr方法

removeAttr() 方法從被選元素移除一個或多個屬性。

$("a").removeAttr("href");

範例如下：

<script>
$(document).ready(function(){
$("button").click(function(){
$(&quot;a&quot;).removeAttr(&quot;href&quot;);
});
});
</script>


PHP中文网
为a标签设置href属性

#輸出結果：

2、利用attr方法

attr() 方法設定或傳回被選元素的屬性和值。

當方法用於傳回屬性值，則傳回第一個符合元素的值。

當方法用於設定屬性值，則為符合元素設定一個或多個屬性/值對。

$("a").attr("href"," ");

範例如下：

<script>
$(document).ready(function(){
$("button").click(function(){
$(&quot;a&quot;).attr(&quot;href&quot;,&quot; &quot;);
});
});
</script>


PHP中文网
为a标签设置href属性

輸出結果：

#點擊按鈕後再點選a標籤結果為：

相關影片教學推薦：jQuery影片教學

#

以上是jquery怎麼讓a元素的href失效的詳細內容。更多資訊請關注PHP中文網其他相關文章！