JQuery CSS 隱藏是一種常見的網頁設計技巧,可以針對某個元素實現隱藏或顯示。
$(document).ready(function(){ $(".hide-button").click(function(){ $("p").hide(); //隱藏所有p標簽元素 }); $(".show-button").click(function(){ $("p").show(); //顯示所有p標簽元素 }); });
上述代碼使用 JQuery 的.hide()
方法和.show()
方法針對所有的 p 標簽元素進行操作,并使用類選擇器來選定操作對象,從而實現批量操作。
同時,我們也可以選擇特定的元素來進行操作,具體方式是在選擇器中添加元素標簽或 ID 選擇器,例如:
$(document).ready(function(){ $("#hide-button").click(function(){ $(".text").hide(); //隱藏類名為 text 的元素 }); $("#show-button").click(function(){ $(".text").show(); //顯示類名為 text 的元素 }); });
使用 JQuery CSS 隱藏技巧能夠使頁面設計更加靈活,同時也能減少頁面加載時間,提升用戶體驗。
上一篇jquery css背景
下一篇分析一段css代碼