首頁  >  文章  >  web前端  >  jquery怎麼讓a元素的href失效

jquery怎麼讓a元素的href失效

WBOY
WBOY原創
2022-05-30 11:00:352578瀏覽

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

jquery怎麼讓a元素的href失效

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

jquery怎麼讓a元素的href失效

1、利用removeAttr方法

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

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

範例如下:





123

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


PHP中文网


#輸出結果:

jquery怎麼讓a元素的href失效

2、利用attr方法

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

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

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

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

範例如下:





123

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


PHP中文网


輸出結果:

jquery怎麼讓a元素的href失效

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

jquery怎麼讓a元素的href失效

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

#

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn