jquery替换元素内容,jquery怎么改变css样式
本教程操作环境:windows7系统、jquery1.10.2版本、戴尔自交第三代电脑。
jquery替换类样式
方法1:使用removeClass()和addClass()方法
使用removeClass()方法移除旧的类样式,使用addClass()方法添加新的类样式
!声明文档类型
超文本标记语言
头
meta charset=utf-8
脚本src= js/jquery-1。10 .2 .量滴js /脚本
脚本
$(文档)。ready(function(){
$(button ).单击(函数(){
$(p ).removeClass("旧类")。添加类(“new-class”);
});
});
/脚本
style type=text/css 。老式的
边框:1px纯红;
背景色:# ffc 0 CB
}。新等级{
边框:2px纯绿;
背景色:# 55aa7f
颜色:白色;
}
/风格
/头
身体
你好,测试文字/p
按钮替换类样式/按钮
/body
/html
方法2:使用attr()
使用属性()方法修改班级属性,直接替换为新的班级类
!声明文档类型
超文本标记语言
头
meta charset=utf-8
脚本src= js/jquery-1。10 .2 .量滴js /脚本
脚本
$(文档)。ready(function(){
$(button ).单击(函数(){
$(p ).attr(class , new-class );
});
});
/脚本
style type=text/css 。老式的
边框:1px纯红;
背景色:# ffc 0 CB
}。新等级{
边框:2px纯绿;
背景色:# 55aa7f
颜色:白色;
}
/风格
/头
身体
你好,测试文字/p
按钮替换类样式/按钮
/body
/html
相关视频教程推荐:jQuery教程(视频)以上就是框架怎么替换类样式的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。