在網頁設計中,CSS(層疊樣式表)是一個關鍵的技術。它作為網頁的樣式定義語言,可以為網頁賦予各種各樣的樣式和表現形式。而在CSS的應用中,常常需要利用JavaScript來進行交互。針對CSS樣式的點擊變色,我們可以使用jQuery這個很方便的庫來實現。
$(function() { $('p').click(function() { $(this).css('color', 'red'); }); });
上述代碼中使用了jQuery語法。其中,$(function() {...})表示頁面加載完畢后執行的函數。$('p')表示選中所有的p元素,之后使用click事件監聽器。當p元素被點擊時,就會觸發這個事件,執行函數內容。在函數中,使用$(this)選中當前被點擊的p元素,并使用css('color', 'red')將它的顏色改變為紅色。
除此之外,jQuery還提供了其他很多實用的函數和方法,可以幫助我們更好地處理CSS和JavaScript的交互。如果想要深入學習jQuery,可以查閱相關的官方文檔和資源。
上一篇css和jquery畫圖
下一篇css層jquery