jquery加class,jquery 增加css
JQuery中怎么设置class
jQuery 拥有若干进行 CSS 操作的方法,对于class的设置有如下方法:
创新互联成立于2013年,是专业互联网技术服务公司,拥有项目做网站、网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元南湖做网站,已为上家服务,为南湖各地企业和个人服务,联系电话:18982081108
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添加class属性
jQuery 属性操作 - addClass() 方法
定义和用法
addClass() 方法向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。
提示:如需添加多个类,请使用空格分隔类名。
语法
$(selector).addClass(class)
参数 class
必需。规定一个或多个 class 名称。
实例
//向第一个 p 元素添加一个类:
$("button").click(function(){ $("p:first").addClass("intro");});
jquery中怎么增加class属性
思路为用addClass() 方法变可实现。
jquery中增加class属性步骤:
addClass() 方法:
定义和用法
addClass() 方法向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$("button").click(function(){
$('p').addClass(function(n){
return 'par_' + n;
});
});
});
/script
style type="text/css"
.par_0
{
color:blue;
}
.par_1
{
color:red;
}
/style
/head
效果图:
本文题目:jquery加class,jquery 增加css
文章网址:http://ybzwz.com/article/hodieo.html