js添加css样式的方法:1、通过“$(span).css(css属性名,属性值)”方式添加样式;2、通过“addClass()”方法来添加css样式。
本文操作环境:windows7系统、jquery3.2.1&&css3版、Dell G3电脑。
js添加css样式:
由于jquery支持css3,所以能很好的兼容很多浏览器,所以通过jquery来使用css样式比较好。
js添加css样式方法
如果是未定义好的css样式,可以调用元素的css()方法添加样式。
$(span).css(css属性名,属性值)
例:将标签为span的字体都设为红色的
$(span).css(color,red)
如果是定义好的css样式,可以通过addClass()方法来添加,比如
<style type=text/css> .aa { border:1px solid red; } </style> $(#txtName).addClass(aa); <input id=txtNametype=textvalue=请输入你的姓名/>
对css样式操作的方法:
1、.css(样式):获得样式值,比如$(input).css(color) 获得input中字体的颜色 2、.css(样式,value):为样式赋值,如$(input).css(color,red); 3、.addClass(样式类1,样式类2,样式类3):可以添加多个定义好的样式类 4、.hasClass(样式类类):判断是否存在该样式 5、.toggleClass(样式类):如果存在(不存在)就切换(删除)样式 6、.toggleClass(样式类,swith):如果swith为false,则删除样式,如果swith为true,则切换成该类 7、removeClass(样式类):移除样式类 8、.css({样式名:value,样式名:value,样式名:value}):可以多次添加样式
推荐学习:《javascript高级教程》
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。