jQuery是一種流行的 Javascript 庫(kù),它簡(jiǎn)化了 HTML 文檔遍歷、事件處理、動(dòng)畫(huà)和 Ajax 操作等常見(jiàn)任務(wù)。在 jQuery 中,我們可以使用方法賦值給元素樣式。
$(document).ready(function(){ $('.myElement').css('color','red'); });
在上面的代碼中,我們使用了 jQuery 的css()
方法來(lái)將color
屬性設(shè)置為red
。其中,$('.myElement')
選擇器選中了類(lèi)名為myElement
的元素,然后使用css()
方法設(shè)置了元素的樣式。
也可以同時(shí)設(shè)置多個(gè)樣式:
$(document).ready(function(){ $('.myElement').css({ 'color': 'red', 'background-color': 'yellow' }); });
這里的代碼選擇器同樣是選中了類(lèi)名為myElement
的元素。使用css()
方法時(shí),傳遞一個(gè)包含 CSS 屬性和值的對(duì)象。這個(gè)方式比每次調(diào)用css()
方法來(lái)設(shè)置一個(gè)樣式更快捷。
此外,在 jQuery 中,也可以使用addClass()
方法來(lái)為元素添加 CSS 類(lèi):
$(document).ready(function(){ $('.myElement').addClass('myClass'); });
這里的代碼選擇器同樣是選中了類(lèi)名為myElement
的元素。使用addClass()
方法來(lái)為元素添加 CSS 類(lèi)名myClass
。這種方式可以方便地控制多個(gè)元素的樣式。