Jquery是一种广泛使用的Javascript库,具有灵活、简单易用的特点。在编写Web页面时,我们经常需要同时设置多个CSS属性。在JQuery中,我们可以使用CSS()方法实现这个功能。
$(selector).css({ property1:value1, property2:value2, property3:value3, ... });
在上面的代码中,我们可以看到,使用CSS()方法时,我们需要传入一个对象作为参数,这个对象包含需要设置的属性和属性值。
下面是一个具体的例子,假设我们有一个文本框,我们需要同时修改它的字体大小、颜色和背景色:
$(document).ready(function(){ $("input").css({ "font-size": "20px", "color": "red", "background-color": "yellow" }); });
在上面的代码中,我们使用了CSS()方法来同时修改文本框的字体大小、颜色和背景色。注意,由于属性名中包含了“-”符号,因此需要使用引号把它们括起来。