jquery去掉css样式,jquery中如何添加和移除类样式
本教程操作环境:windows7系统、jquery1.10.2版本、戴尔自交第三代电脑。
jquery删除样式的方法
方法1:利用removeAttr()方法
移除属性()方法可从被选元素中移除属性。
!声明文档类型
超文本标记语言
头
meta charset=utf-8
脚本src= js/jquery-1。10 .2 .量滴js /脚本
脚本
$(文档)。ready(function() {
$(button ).单击(函数(){
$(h1 ).删除属性( id );
$(p ).移除attr( style );
$(p ).移除attr( class );
});
});
/脚本
风格
#h1{
颜色:红色;
}。方框{
颜色:# ffc 0 CB
}
/风格
/头
身体
h1 id=h1 这是一个标题/h1
p style= font-size:120%;颜色:红色这是一个段落100元/人
p class=box 这是另一个段落100元/人
按钮删除样式/按钮
/body
/html效果图:
方法2:利用removeClass()方法
removeClass()方法从被选元素移除一个或多个类。
注释:如果没有规定参数,则该方法将从被选元素中删除所有类。
!声明文档类型
超文本标记语言
头
meta charset=utf-8
脚本src= js/jquery-1。10 .2 .量滴js /脚本
脚本
$(文档)。ready(function() {
$(button ).单击(函数(){
$(p ).删除类();
$(div ).移除类(“intro”);
});
});
/脚本
风格。方框1 {
颜色:# ffc 0 CB
}。方框2 {
颜色:# ffc 0 CB
}。方框3 {
颜色:# ffc 0 CB
}。简介{
字体大小:120%;
颜色:红色;
}
/风格
/头
身体
p class=box1 这是一个段落100元/人
p class=box2 这是一个段落100元/人
第三箱这是一个段落100元/人
div class=intro 这是另一个段落2008/div br
按钮删除样式/按钮
/body
/html
相关视频教程推荐:jQuery教程(视频)以上就是框架怎么删除样式的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。