JQuery是一個強大的JavaScript庫,它可以讓我們在網頁中完成各種各樣的操作。其中,添加CSS樣式就是JQuery的一項重要功能,讓網頁的呈現(xiàn)更加個性化。
//通過JQuery添加CSS樣式 $(selector).css(property,value) //selector為選擇器,property為CSS屬性,value為CSS屬性值 例如,將背景顏色改為藍色: $("body").css("background-color","blue");
在這個例子中,選擇器是$("body"),它表示選擇網頁中所有的body元素。然后,我們調用了css()方法來添加CSS樣式。
當調用css()方法時,它需要兩個參數(shù)。第一個參數(shù)是CSS屬性名,例如"background-color";第二個參數(shù)是CSS屬性值,例如"blue"。在這個例子中,我們設置了body元素的背景顏色為藍色。
//通過JQuery添加多個CSS樣式 $(selector).css({ property1:value1, property2:value2, ... }) //selector為選擇器,property1和property2為CSS屬性,value1和value2為屬性值 例如,將背景顏色改為藍色,字體顏色改為白色: $("body").css({ "background-color":"blue", "color":"white" });
通過傳遞一個對象來添加多個CSS樣式也是可行的。在這個例子中,我們?yōu)閎ody元素的背景顏色和字體顏色分別設置了藍色和白色。
通過JQuery添加CSS樣式可以讓網頁更個性化,下次遇到需要改變CSS樣式的情況,不妨使用JQuery來實現(xiàn)吧。
下一篇css填充跟邊界