样式元素操作的几种方式
第一种:$("#dv").css("background","red")
第二种方式:$("dv").css({
"background":"red",
"fontSize":"16px",
.........
});
第三种方式:$("#dv").css("background","red").css("fontSize","16px");
解析:第一种是普通的css样式赋值,第二种是通过传入对象的方式来给元素赋值,这样的好处是一次性可以赋给多
个值,第三种的方式是通过JQuery里面的链式编程的方式来赋值,这样的好处是非常的简洁、方便
添加类样式:$("#dv").addClass("类的名字")
移除类样式:$("#dv").removeClass("类的名字")
注意:可以一次添加或者删除多个类样式,只需要在里面写上多个类的名字就可以了,中间中空格隔开
例如:$("#dv").addClass("类的名字 类的名字")
$("#dv").removeClass("类的名字 类的名字")
$("#dv").removeClass() 直接什么都不写,表示移除所有的类样式
判断是否应用样式类:.hasClass("类的名字")
切换元素的样式类:.toggleClass()
以上就是第三天笔记的知识点,知识点不多,但是需要大家自己多多实践操作,经常使用上述的方法多做一些效果,充分的运用这些知识点,学以致用,这样才能进步的更快。
稍后会奉上一些自己手写的关于上述知识点的案例,这样可以让大家更好的学习和理解这些知识点,希望大家可以多多支持哦!欢迎大家踊跃留言评论,给我提供一些宝贵的意见,指出我的缺点和不足,以便于我能写出更好的博客为大家提供更多的便利哈,谢谢!