js怎么添加css样式
这篇文章将为大家详细讲解有关js怎么添加css样式,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都做网站、成都网站设计、魏都网络推广、微信小程序开发、魏都网络营销、魏都企业策划、魏都品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供魏都建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
js添加css样式的方法:1、通过调用元素的css方法来添加样式;2、通过addClass来添加css样式,语句如“$("#txtName").addClass("aa");”。
本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
js如何添加css样式?
添加css样式方法汇总
由于jquery支持css3,所有能很好的兼容很多浏览器,
所以通过jquery来使用css样式比较好。
为定义好的css样式可以调用元素的css方法添加样式
$("span").css("css属性名","属性值") 如: $("span").css("color","red") 将标签为span的字体都设为红色的
如果是定义好的css样式,可以通过addClass来添加,比如
下面列举下对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"}):可以多次添加样式
判断display隐藏显示
// 判断是否为隐藏(css)样式 function isHide(obj) { var ret = obj.style.display === "none" || obj.style.display === "" || (obj.currentStyle && obj.currentStyle === "none") || (window.getComputedStyle && window.getComputedStyle(obj, null).display === "none") return ret; }
关于“js怎么添加css样式”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
名称栏目:js怎么添加css样式
当前URL:http://cdiso.cn/article/pehege.html