jquery 添加class,最近不少朋友在找jquery中怎么增加class属性的相关介绍,兔宝宝游戏网给大家详细的介绍一下,希望对大家有帮助。
1、jquery 添加子元素:
思路为用addclass() 方法变可实现。
jquery中增加class属性步骤:
addclass() 方法:
定义和用法
addclass() 方法向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。
.par_0
{
color:blue;
}
.par_1
{
color:red;
}
效果图:
2、jquery中怎么设置class:
jquery 拥有若干进行 css 操作的方法,对于class的设置有如下方法:
addclass() - 向被选元素添加一个或多个类
removeclass() - 从被选元素删除一个或多个类
toggleclass() - 对被选元素进行添加/删除类的切换操作
下面分别举例说明:
1、下面的例子展示如何向不同的元素添加 class 属性。
$("button").click(function(){
$("h1,h2,p").addclass("blue");
$("div").addclass("important");
});
2、下面的例子演示如何不同的元素中删除指定的 class 属性:
$("button").click(function(){
$("h1,h2,p").removeclass("blue");
});
3、下面的例子将展示如何使用 jquery toggleclass() 方法。该方法对被选元素进行添加/删除类的切换操作:
$("button").click(function(){
$("h1,h2,p").toggleclass("blue");
});
总结:以上内容就是针对jquery 添加子元素,jquery中怎么增加class属性的详细介绍,大家可以参考一下。