jQuery设置和获取以及修改classname值操作
在Web程序开发中、很多时候会⽤需要修改Html标签的class名称、来达到修改标签样式的效果、那么在代码中⼀般是怎么操作的呢、本⽂将为你详细讲解⼀下class的使⽤、在jQuery中可以使⽤attr()⽅法修改”class”属性、也可以⽤addClass()、removeClass()、toggleClass()、hasClass()以及css()⽅法来完成
1、javascript addClass
利⽤ElementById("XX")到document对象、然后再通过addClass("xxx")修改其class值
2、addClass()
addClass()⽅法向匹配的元素增加指定的类名(⼀个或多个)、注意对于元素来说、class属性可以有多个值、该⽅法不会移除已经存在的值、⽽是在原有的基础上追加⼀个或多个class属性
$(".XX").addClass("xxx");
jquery在一个元素后追加标签
3、removeClass()
removeClass()⽅法从被选元素移除⼀个或多个类、如需移除若⼲类、⽤空格来分隔类名、如果没有传参数、该⽅法将会移除被选元素的所有类
$(".XX").removeClass("xxx");
4、toggleClass()
toggleClass()⽅法对被选元素的⼀个或多个类进⾏切换(设置或移除)、该⽅法检查每个元素中的指定类、如果存在则删除、如果不存在则添加、通过添加参数，可以设置只进⾏删除或者只进⾏添加操作、switch值为true时、只添加、为false时、只删除
$(".XX").toggleClass("xxx",switch);
5、hasClass()
hasClass()⽅法检查被选元素是否包含指定的class、还可以⽤is()⽅法实现同样的功能、⽅法参数传⼊⼀个选择器字符串、⽐
如”.className”
$(".XX").hasClass("xxx");
6、css()
读操作：获取匹配元素集合中第⼀个元素的指定样式值(⼀个或多个)、读取多个样式值的操作是在jQuery v1.9才加⼊的
写操作: 为匹配元素集合中的每⼀个元素设置⼀个或多个CSS属性的值、传⼊的参数可以是单个的键值对、也可以是PlainObject指定的多个值
$(".XX").css("color","red");
7、attr()
attr()⽅法设置或返回被选元素的属性值、根据该⽅法不同的参数、其⼯作⽅式也有所差异
$(".XX").attr("class","xxx");
jQuery会处理各个浏览器中不太相同的⼀些具体情况、⽐如W3C的cssFloat在IE中是styleFloat、在jQuery中、你可以使⽤float、然后jQuery 会帮你把它翻译成每个浏览器中应该有的正确名称、还有、jQuery会合理解读CSS和DOM格式的多词属性、⽐如.css(“background-color”)和.css(“backgroundColor”)、它都是可以处理的
2018-06-07更新
最近做⼀个项⽬中，⽤到了jQuery和”jQuery WEUI“版本分别是”1.11.0“和”1.1.2“发现上⾯中第7条改变class属性功能有bug，不能发⽣作⽤⽽且也不报错。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。