JS添加/修改CSS样式

在页面制作过程中，处理内外部样式是一个常见任务，而jQuery提供了一些方便的方法来操作CSS样式。下面是一些常用的jQuery操作CSS的方法和JS添加/修改CSS样式的方法，有需要的小伙伴可以参考一下：

1、定义和用法：

    css() 方法设置或返回被选元素的一个或多个样式属性。

2、返回 CSS 属性值：

    （1）、返回第一个匹配元素的 CSS 属性值。

	$(selector).css(name)

    （2）、实例：

	$("p").css("background-color");

3、设置 CSS 属性：

    （1）、语法

	css("propertyname","value");

    （2）、实例

	$("p").css("background-color","red");

4、设置多个 CSS 属性：

    （1）、语法

	css({"propertyname":"value","propertyname":"value",...});

    （2）、实例

	$("p").css({"background-color":"red","font-size":"200%"});

5、外部样式class的添加删除：

    （1）、js方法：

	document.getElemntById("元素id").addClass("样式类名");
        document.getElemntById("元素id").removeClass("样式类名");

    （2）、jquery方法：

	$("#元素id").addClass("样式类名");  //追加样式
        $("#元素id").removeClass("样式类名");
        $("#元素id").toggleClass("样式类名");    //添加删除切换样式
        $("#元素id").css(属性名，属性值);          //追加样式属性

6、清除style样式：

$("#show").removeAttr("style"); //ie,ff均支持
$("#show").attr("style","");   //ff支持，ie不支持

以上就是云梦编程为大家介绍的关于jquery操作css方法的全部内容了，了解更多相关文章请关注云梦编程网！