JQuery是一種JavaScript庫,用于簡化HTML文檔的遍歷和操作,以及事件的處理、動畫和AJAX等特性的增強,是web開發(fā)者的神器。在JQuery中,我們可以通過 .css() 方法來改變元素的樣式,這個方法非常靈活,可以同時改變多個樣式。
下面我們來看一下如何在JQuery中使用 .css() 方法來同時改變多個樣式:
$(document).ready(function(){ $("button").click(function(){ $("p").css({"background-color": "yellow", "font-size": "200%"}); }); });
在這個例子中,我們有一個按鈕和一些段落元素。按下按鈕之后,我們使用 .css() 方法將段落元素的背景色和字體大小都改變了。這里我們傳遞了一個對象作為參數(shù),以鍵值對的方式指定我們想要修改的樣式。其中 "background-color": "yellow" 是用來改變背景色的,"font-size": "200%" 是用來改變字體大小的。
可以看到,在這里我們用到了對象字面量,如果以前沒有學過,建議去了解一下。同時,我們還使用了一個 JavaScript 的特殊語法:鍵名的寫法可以是引號括起來的字符串("background-color"),也可以是不帶引號的純文本(backgroundColor)。這是因為在 JavaScript 中,兩者是等價的。
總之,在JQuery中,我們可以通過 .css() 方法來同時改變多個樣式,極大地簡化了我們的代碼編寫工作。