jQuery设置 CSS 类

Posted 2021-03-28 自学web网页前端

addClass() - 向被选元素添加一个或多个类

     该方法不会移除已存在的 class 属性，仅仅添加一个或多个类名到 class 属性。

语法

$(selector).addClass(classname,function(index,oldclass))

classname 必需。规定一个或多个要添加的类名称。

function(index,currentclass) 可选。规定返回一个或多个待添加类名的函数。

index - 返回集合中元素的 index 位置。

currentclass - 返回被选元素的当前类名。

案例：

$("button").click(function(){

• $("p").addClass("intro note");//添加两个类intro 、note

• });

removeClass() - 从被选元素删除一个或多个类

语法

$(selector).removeClass(classname,function(index,currentclass))

案例

$("button").click(function(){

• $("p").removeClass("intro note");//移除两个类intro 、note

• });

toggleClass() - 对被选元素进行添加/删除类的切换操作 

$("button").click(function(){

$("p").toggleClass("intro");

});

css() - 设置或返回样式属性

设置 CSS 属性

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

设置多个 CSS 属性

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

更多css类参考文档

简单换肤案例：

• 
  回复‘换肤’获取源代码

为了方便学习jquery回复“jquery”获取jquery文档(版本1.8.3)