JQuery(簡稱jq)是一個非常流行的JavaScript庫,可以輕松地完成JavaScript的許多任務。其中一項任務是動態地修改HTML元素的樣式。為此,jq提供了一個名為“css”的方法。
//修改元素的css樣式 $(selector).css(property, value); //為多個屬性設置css樣式 $(selector).css({ property1: value1, property2: value2, ... });
通過“css”方法,我們可以選擇一個或多個具有指定選擇器的元素,并應用所需的CSS屬性和值。
以下是一些常用的CSS屬性:
- color(文字顏色)
- background-color(背景顏色)
- font-size(文字大小)
- font-family(文字字體)
- text-align(文字對齊方式)
- border(邊框)
- width(元素寬度)
- height(元素高度)
下面是一個例子,將所有段落的背景顏色設置為灰色:
//使用css方法為所有段落設置背景顏色 $("p").css("background-color", "gray");
將所有段落的文字顏色設置為紅色,同時將字體大小設置為20px:
$("p").css({ "color": "red", "font-size": "20px" });
總結來說,通過jq的css方法,我們可以輕松地為網站的元素添加或更改樣式,使其更具吸引力和易讀性。
上一篇jq獲得css的數值
下一篇css圓角邊框為50%