首頁  >  文章  >  web前端  >  jquery如何將a標籤隱藏了

jquery如何將a標籤隱藏了

藏色散人
藏色散人原創
2020-11-25 11:35:492698瀏覽

jquery將a標籤隱藏的方法:先建立一個範例檔;然後定義一個a標籤;最後透過「$(selector).hide(speed,easing,callback)」方法將a標籤隱藏即可。

jquery如何將a標籤隱藏了

本教學操作環境:Windows7系統、jquery1.10.2版,此方法適用於所有品牌電腦。

推薦:《jquery教學

jquery中可以使用hide()方法隱藏a標籤,hide()方法隱藏被選元素,與CSS屬性display: none類似。

語法:

$(selector).hide(speed,easing,callback)

參數:

jquery如何將a標籤隱藏了

#範例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$("a").hide();
});
$(".btn2").click(function(){
$("a").show();
});
});
</script>
</head>
<body>
<a href="https://www.php.cn/">php中文网</a>
<button class="btn1">隐藏</button>
<button class="btn2">显示</button>
</body>
</html>

以上是jquery如何將a標籤隱藏了的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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