jQuery css方法操作
来源:互联网 发布:sql 语句写union 编辑:程序博客网 时间:2024/06/11 03:22
<style type="text/css">#box{width: 100px;height: 100px;/*background: red;*/}.class{background: lavender;}</style></head><body><div id="box"></div></body><script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">//单一只设置一种样式$('#box').css('border','1px solid red');//多种 用json方法存放添加$('#box').css({height:'200px',width:'200px',border:'10px solid black'})//获取样式值var boxwidth = $('#box').css('width');//alert(boxwidth);//1.移入div事件 添加clss样式 等级比css样式的低$('#box').on('mouseover',function(){// 给div添加class的类选择样式$(this).addClass('class');});$('#box').on('mouseout',function(){// 只移除指定名称的样式$(this).removeClass('class');//这个没有加类名 代表移除全部的类的样式//$('#box').removeClass();});// hasClass(类样式名称)判断是否有使用类样式,有返回trueconsole.log('是否有使用box的类样式'+$('.box').hasClass('box'));console.log('是否有使用xob的类样式'+$('.box').hasClass('xob'));// toggleClass如果没有指定类样式就添加类样式,如果有就把指定类样式给移除$('.box2').on('mouseover', function(){$(this).toggleClass('color');});</script>
阅读全文
0 0
- jQuery css方法操作
- jQuery CSS 操作 - css() 方法
- jQuery CSS 操作 - css() 方法
- jQuery CSS 操作 - css() 方法
- jQuery CSS 操作 - offset() 方法
- jQuery CSS 操作 - height() 方法
- jQuery CSS 操作 - offsetParent() 方法
- jQuery CSS 操作 - position() 方法
- jQuery CSS 操作 - scrollLeft() 方法
- jQuery CSS 操作 - position() 方法
- JQuery中操作Css样式的方法
- JQuery中操作Css样式的方法
- JQuery中操作Css样式的方法
- JQuery中操作Css样式的方法
- jQuery修改操作css属性实现方法
- jQuery操作CSS属性的相关方法
- jQuery修改操作css属性实现方法
- jQuery修改操作css属性实现方法
- jq 追加节点
- Windows下面安装5.7以上的绿色版本的mysql
- XRecycler下拉刷新上拉加载
- iOS 集成环信 出现Reason: image not found 的错误
- 指针与引用的区别
- jQuery css方法操作
- 浅显易懂:长文揭秘图像处理和卷积神经网络架构
- [Python]控制终端输出文字
- 每日练习20171025
- 树莓派从U盘启动系统
- 数据结构常用预定义总结
- jQuery showHide动画效果
- 利用java来创建类
- java中next()和nextLine()方法的区别