jq修改class_jquery 如何动态添加、删除class样式方法介绍

  • Post author:
  • Post category:其他


获取与设置样式 获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class

取与设置样式 获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class,JQuery代码如下:

var p_class = $(“p”).attr(“class”); //获取p元素的class

[html]

使用attr()方法来设置p元素的class,JQuery代码如下:

[code]

1 $(“p”).attr(“‘class”, “high”); //设置p元素的class为 “high”

大多数情况下,它是将原来的class替换为新的class,而不是在原来的基础上追加新的class。

追加样式 什么是追加class呢?假如p元素原本的class为myClass,那么追加一个名叫high的class后,class属性变为 “myClass high”,即myClass和high两种样式的叠加。JQuery提供了专门的addClass()方法来追加样式。为了使例子更容易理解,首先在 style标签里添加另一组样式:

1 .high{ color:red; }

2 .another{ font-style:italic; color:blue; }

后在网页中添加一个“追加class类”的按钮,按钮的事件代码如下:

1 $(“#btn_3”).click(function(){

2 $(“#nm_p”).addClass(



版权声明:本文为weixin_35731754原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。