jQuery是一個JavaScript庫,它是用來簡化JavaScript編程的。在jQuery中,有一個非常常用的功能就是顯示和隱藏HTML元素。下面我們來看看如何實現這個功能。
首先,我們需要先引用jQuery庫:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
然后,在HTML中我們需要有一個需要顯示或隱藏的元素,比如下面的一個按鈕:
<button id="btn">點我顯示/隱藏</button>
接下來,我們在JavaScript中使用jQuery來實現顯示和隱藏這個元素:
$(document).ready(function() { $("#btn").click(function() { $("p").toggle(); }); });
我們先解釋一下這段代碼的意思,$(document).ready(function() {})這個語句是用來保證頁面加載完成后再執行下面的代碼。$("#btn").click(function() {})這個語句是用來監聽按鈕點擊事件。$("p").toggle()這個語句是用來顯示或隱藏所有的p元素。
不僅如此,jQuery還提供了其他的方法來控制元素的顯示和隱藏,比如show()、hide()、fadeIn()、fadeOut()等等。需要根據實際情況來選擇使用哪種方法。
總之,jQuery是一個非常實用的庫,它可以讓我們的JavaScript編程變得更加簡單和高效。
上一篇jquery 星級評分
下一篇小程序css 圖片旋轉