设置或取得元素的CSS class
2014-02-17 17:09
176 查看
jQuery支持方法用来操作HTML元素的CSS 属性
下面的方法为jQuery 提供的CSS操作方法:
addClass() – 为指定的元素添加一个或多个CSS类。
removeClass() – 为指定的元素删除一个或多个CSS类。
toggleClass() – 为指定的元素在添加/删除CSS类之间切换。
css() -设置或是取得CSS类型属性。
下面的StyleSheet为后面例子使用的CSS风格:
[css]
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
$("button").click(function(){
$("h1,h2,p").removeClass("blue");
});
[javascript]
$("button").click(function(){
$("#div1").addClass("important blue");
});
jQuery toggle()示例,下面的例子使用toggle为HTML元素在添加/删除CSS类blue之间切换
[javascript]
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});
下面的方法为jQuery 提供的CSS操作方法:
addClass() – 为指定的元素添加一个或多个CSS类。
removeClass() – 为指定的元素删除一个或多个CSS类。
toggleClass() – 为指定的元素在添加/删除CSS类之间切换。
css() -设置或是取得CSS类型属性。
下面的StyleSheet为后面例子使用的CSS风格:
[css]
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
$("button").click(function(){
$("h1,h2,p").removeClass("blue");
});
[javascript]
$("button").click(function(){
$("#div1").addClass("important blue");
});
jQuery toggle()示例,下面的例子使用toggle为HTML元素在添加/删除CSS类blue之间切换
[javascript]
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});
相关文章推荐
- jQuery 入门教程(16): 设置或取得元素的CSS class
- jQuery 入门教程(16): 设置或取得元素的CSS class
- jQuery 入门教程(16): 设置或取得元素的CSS class
- CSS基础学习6-CSS设置元素的分类与标识(class和id)
- CSS基础学习7-CSS设置组织元素(span和div)
- js中设置元素class的方法
- 使用CSS:Before伪元素设置块级分割线
- CSS设置元素字体颜色与背景
- 【转】js中设置元素class的三种方法小结
- 设置css元素的位置
- js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标
- js中设置元素class的三种方法小结
- CSS设置行内元素和块级元素的水平居中、垂直居中
- (转)css 相对定位 绝对定位 浮动 CSS 相对定位 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”
- 第八节,改变元素css,设置定时器
- CSS基础学习10-CSS设置元素的定位
- css:元素的分类与标识(class和id)
- jQuery HTML-------------(捕获、设置、元素、CSS、尺寸)
- jquery之修改元素样式(获取和设置样式,使用css(),width(),height()方法)
- 第一百六十六节,jQuery,基础 DOM 和 CSS 操作,元素内容,元素属性,css和class,元素宽度高度、偏移、滚动条