JS 點擊 .css()
$(selector).click(function(){ $(this).css("property","value"); });
使用 JS 能夠方便的控制 HTML 元素的樣式,.css() 方法可以用來改變一個或多個 CSS 屬性的值。
在上述代碼中,我們使用了 click() 方法來給一個元素綁定事件,當這個元素被單擊時,就會觸發事件。在事件處理函數中,我們使用 .css() 方法來改變該元素的某個 CSS 屬性的值。其中,selector 指定了要綁定事件的元素,property 指定了要修改的 CSS 屬性,value 指定了屬性的新值。
例如,要改變一個按鈕的背景顏色為紅色,可以使用以下代碼:
$("button").click(function(){ $(this).css("background-color","red"); });
在上述代碼中,我們綁定了按鈕的 click 事件,當按鈕被單擊時,就會將該按鈕的背景顏色設置為紅色。
需要注意的是,不要濫用 .css() 方法,因為它會直接作用于 HTML 元素,改變元素的樣式屬性,而不是修改元素的類或 ID 屬性。如果需要修改多個相關的屬性,考慮使用 CSS 類或 ID 來管理元素的樣式。
下一篇html5行高設置