jQuery是一种简单易用的JavaScript库,它能够极大地简化前端开发过程。其中一个很常用的功能就是改变CSS样式。
$(selector).css(property,value);
其中的selector是选择器,property是欲改变的CSS属性名,value是属性的值。可以改变任何CSS属性,例如:
$("p").css("color","red");$("p").css("background-color","#ccc");$("p").css("font-size","20px");
上述代码将会改变页面中所有p标签的字体颜色、背景颜色和字体大小。
另外,也可以在同一个函数中改变多个属性:
$("p").css({"color":"red", "background-color":"#ccc", "font-size":"20px"});
上述代码的效果与之前的代码相同。
除了以上的写法,还可以使用addClass()、removeClass()和toggleClass()等函数来添加、删除和切换CSS类。例如:
$("p").addClass("important"); //给所有p标签添加class为important的样式类。$("p").removeClass("important"); //从所有p标签中删除class为important的样式类。$("p").toggleClass("important"); //如果p标签有class为important的样式类,则删除;否则添加。
总之,使用jQuery来改变CSS样式非常方便,可以减少重复的代码,提高开发效率。