JQuery是一種流行的JavaScript庫,它簡化了編寫JavaScript代碼的過程。其中之一的功能就是通過觸發屬性來改變網頁元素的行為和外觀。
$(document).ready(function(){ $("button").click(function(){ $("p").toggle(); }); });
以上的代碼塊展示了當按下頁面上的按鈕時,P元素的可見性將會在“可見”和“不可見”之間切換。更具體的來說,JQuery實際上觸發了CSS屬性"display",這個屬性可以改變元素的可見性。
通過CSS屬性可以實現更多樣化的效果。例如:
$(document).ready(function(){ $("button").click(function(){ $("p").css("color", "red"); }); });
這段代碼將當按鈕按下時,P元素的文本顏色將變成“紅色”。同樣的原理,我們可以通過改變其它屬性,例如背景顏色、字體大小等等,來改變元素的外觀。