jQuery 拥有若干进行 CSS 操作的方法,下面这些: addClass();向被选元素添加一个或多个类 removeClass();从被选元素删除一个或多个类 toggleClass(); - 对被选元素进行添加/删除类的切换操作 css();设置或返回样式属性
addClass()方法和例子,下面的例子展示如何向不同的元素添加 class 属性。当然,在添加类时,也可以选取多个元素,根据自己来定。 1.1:方法一 $(“button”).click(function(){ $("#div1").addClass(“important blue”); }); 1.2:方法二 $(“button”).click(function(){ $(“h1,h2,p”).addClass(“blue”); $(“div”).addClass(“important”); }); 2.removeClass()下面的例子演示如何不同的元素中删除指定的 class 属性 例子 $(“button”).click(function(){ $(“h1,h2,p”).removeClass(“blue”); }); 3.toggleClass()该方法对被选元素进行添加/删除类的切换操作 例子 $(“button”).click(function(){ $(“h1,h2,p”).toggleClass(“blue”); }); 4.css()方法返回或设置匹配的元素的一个或多个样式属性 返回匹配元素的CSS属性值 注意:当用于返回一个值时,不支持简写的 CSS 属性(比如 “background” 和 “border”)。 $(“selector”).toggleClass(“name”); 设置所有匹配元素的指定CSS属性 $(“selector”).toggleClass(“name,value”); CSS和ID 兼容人问题 CSS的兼容性会差一点 使用一些功能,出现功能异常等等 ID兼容性会好,稳定 用ID在大部分。 ID选择器使用大部分,CSS使用少部分。 一般开发时都会用兼容性稳定开发,避免出异常,ID稳定使用面积多, CSS一般都是拿来调用和获取小部分。