jQuery样式操作
1、attr()方法获取和设置元素的class
用法: 获取 $("element").attr("class");
设置 $("element").attr("class", "newClass");
2、addClass()方法设置元素的class
用法: $("elemeent").addClass("newClassName");
二者在设置class的区别是addClass可以追加className而attr()是替换原来的className。
3、removeClass()方法移除className
用法: $("element").removeClass(" ");没有参数就是移除所有的,参数可以有1个或多个。
4、toggleClass() 切换样式
一般用在通过click事件控制元素切换样式。
5、.hasClass()判断元素是否含有某个样式,如果有,返回true,否则返回false。
$("element").hasClass("className"); 等价于jQuery另外一种判断方法 $("element").is(".className");
既然用到了样式操作,那么方便点的直接操作style属性在jQuery中使用.css()
操作单个css属性写法: $("element").css("name", "value");
操作多个css属性写法: $("element").css({
"name1": "value1",
"name2": "value2"
});
注: 这里属性名可以使用"-"符号比如"font-size"或者使用驼峰式写法"fontSize"。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。