JQuery是當前最流行的JavaScript庫之一,它能夠極大地簡化JavaScript的操作,其中給元素加CSS樣式也變得非常容易。
$(selector).css(property,value)
在上面的代碼中,selector表示選擇器,用于選中需要添加CSS樣式的元素,property表示需要添加的CSS屬性名,value表示屬性值。
$('p').css('color','red');
在上面的代碼中,我們選擇了所有的p元素,并添加了color屬性為red的CSS樣式。這樣所有的p元素字體顏色都被改為了紅色。
$('#myDiv').css('background-color','blue');
在上面的代碼中,我們選擇了id為myDiv的元素,并添加了background-color屬性為blue的CSS樣式。這樣id為myDiv的元素背景顏色就被改為了藍色。
通過使用JQuery的css()方法,我們可以在不修改HTML代碼的情況下改變頁面的樣式,從而實現更好的用戶交互體驗。