JQuery中操作Css样式的方法

<strong>//1、获取和设置样式</strong>  
 $("#tow").attr("class")获取ID为tow的class属性 
 $("#two").attr("class","divClass")设置Id为two的class属性。 
 <strong>//2、追加样式</strong> 
 $("#two").addClass("divClass2")为ID为two的对象追加样式divClass2 
 <strong>//3、移除样式</strong> 
 $("#two").removeClass("divClass")移除 ID为two的对象的class名为divClass的样式。 
 $(#two).removeClass("divClass divClass2")移除多个样式。 
 <strong>//4、切换类名</strong> 
 $("#two").toggleClass("anotherClass") //重复切换anotherClass样式 
 <strong>//5、判断是否含有某项样式</strong> 
 $("#two").hasClass("another")==$("#two").is(".another"); 
 <strong>//6、获取css样式中的样式</strong> 
 $("div").css("color") 设置color属性值. $(element).css(style) 
 //设置单个样式 
 $("div").css("color","red") 
 //设置多个样式 
 $("div").css({fontSize:"30px",color:"red"}) 
 $("div").css("height","30px")==$("div").height("30px") 
 $("div").css("width","30px")==$("div").height("30px") 
 <strong>//7.offset()方法</strong> 
 //它的作用是获取元素在当前视窗的相对偏移,其中返回对象包含两个属性,即top和left 。 
 //注意:只对可见元素有效。 
 var offset=$("div").offset(); 
 var left=offset.left;         //获取左偏移 
 var top=offset.top;        //获取右偏移 
 //8、position()方法 
 //它的作用是获取元素相对于最近的一个position样式属性设置为relative或者absolute的祖父节点的相对偏移,与offset()一样,它返回的对象也包括两个属性即top和left。 
 <strong>//9、scrollTop()方法和scrollLeft()方法</strong> 
 $("div").scrollTop();        //获取元素的滚动条距顶端的距离。 
 $("div").scrollLeft();         //获取元素的滚动条距左侧的距离。 
 <strong>//10、jQuery中的 toggle和slideToggle 方法,都可以实现对一个元素的显示和隐藏。区别是:</strong> 
 //toggle:动态效果为从右至左。横向动作。 
 //slideToggle:动态效果从下至上。竖向动作。 
 //比如想实现一个树由下至上收缩的动态效果,就使用slideToggle就ok了。 
 $('input').attr("readonly",true)//将input元素设置为readonly
$('input').attr("readonly",false)//去除input元素的readonly属性
$('input').attr("disabled",true)//将input元素设置为disabled
$('input').attr("disabled",false)//去除input元素的disabled属性

转载:http://www.jb51.net/article/46689.htm

本文转自程序猿博客51CTO博客,原文链接http://blog.51cto.com/haihuiwei/1683891如需转载请自行联系原作者
365850153

JQuery中操作Css样式的方法相关推荐

  1. 在油猴脚本中添加css样式的方法

    由于项目要求,需要在系统页面注入dom元素,且对这些注入的元素在UI界面层有美观度要求,就避免不了要对其CSS样式优化. 通常在油猴脚本中添加CSS样式的方法如下: 一.引入外部css文件 // @r ...

  2. HTML文档中应用css样式的方法总结

    在HTML文档中应用css样式大致有三种方法:1.link标签链接外部样式表:2.使用style元素包含样式表:3.使用style属性,即内联样式 一.link标签链接外部样式表 先看一条较为标准的l ...

  3. html引入css报错,html中引入css样式的方法总结

    CSS是用来控制网页数据的表现,可以使网页的表现与数据内容分离.要想让CSS对网页内容有效果,必须将CSS代码引入网页,使网页更具有美观性,有动感的效果,那么如何实现引入css呢?今天就来给大家总结! ...

  4. jQuery基础----修改CSS样式

    前面聊了很多选择器什么,现在聊一些使用方法,当然也是常用的方法,而不是全部的方法,毕竟官网文档很多. 然后看了官网api资源共享都是积分的,打算上传一份免费大家使用,但是不让上传说是资源重复(无语). ...

  5. bootstrap中表格、修饰图片、浮动、背景框、提示框及关闭提示框、元素淡入淡出及jQuery中操作类名

    表格: bootstrap中用类定义了几个风格的表格,使用时给table标签加上类名即可,具体如下: 类名 描述 .table 基础表格:标题加粗,只有水平的淡灰色边框线条,没有垂直方向的线条 .ta ...

  6. jquery拼接后css样式不生效_JQuery常用选择器以及操作属性和样式的方法介绍

    JQuery日常操作有选择器,获取和操作属性,css样式,文本等等,下面是一些常用的操作,代码以图片形式(哈哈,其实还是我懒,大神别喷我,我还是渣渣),就是一些日常的学习笔记 JQuery中的属性选择 ...

  7. JQuery中的CSS属性及操作

    目录 1.JQuery中的css()方法 1) 返回 CSS 属性 2) 设置 CSS 属性 3) 设置多个 CSS 属性 2.JQuery的CSS操作 3.JQuery的class操作 1.JQue ...

  8. 【前端系列教程之jQuery】06_jQuery CSS样式操作

    一.CSS样式操作 CSS css(name|pro|[,val|fn]) 访问匹配元素的样式属性. jQuery 1.8中,当你使用CSS属性在css()或animate()中,我们将根据浏览器自动 ...

  9. 怎么在jq中添加html样式,jquery怎么添加css样式

    jquery添加css样式的方法:1.使用addClass()方法添加css样式,语法如"$(selector).addClass(class)":2.使用css()方法设置css ...

最新文章

  1. verify https android,信任https
  2. springboot+springcloud相关问题
  3. CCIE理论-第五篇-SDA-2
  4. python对文件的写操作方法writetext_用python实现读写文件常见操作方式
  5. 判断IE中某个ActiveX控件是否已经安装
  6. 【软件工程】系统规划的不同方法
  7. jvm面试2 jvm如何加载java代码? JVM知识重点:内存模型和GC
  8. ES6/05/正则表达式简介,正则表达式如何使用,正则表达式中的特殊字符(边界符,量词符),预定义类,正则表达式中的替换
  9. db2 空值转换函数_Excel一键转换百分比
  10. Eclipse 汉化包下载安装
  11. 深度学习:自然语言生成-集束/柱搜索beam search和随机搜索random search
  12. Android Metro风格的Launcher开发系列第一篇
  13. 精密测量仪器的使用与维护
  14. Qos服务质量与IntServ和DiffServ
  15. 李天平:技术以外的功夫
  16. 是否有 API 可供云对接?
  17. 用心整理10个宝藏APP,涨薪刚需,入股不亏
  18. 环球时报评出“影响新中国的60位外国人”
  19. spark streaming运行kafka数据源
  20. MATLAB常用语句(1)---rem 和mod

热门文章

  1. 事务对性能影响_开启英特尔事务扩展技术(TSX),即可提升intel CPU 近40%性能
  2. css电视适配,CSS3 巨大的投影电视屏幕
  3. oracle 代码 字段映射,将ORACLE TIMESTAMP(9)字段映射到java.util.Date
  4. xampp mysqli_query and后的条件不行_Java笔记不用!null作为判空条件
  5. python3 split()函数
  6. 2021年信息系统项目管理师考试大纲
  7. 软件项目管理0817:一夜项目管理——把任务进度计划分配给负责人
  8. 2021年7月份学习总结,多套WebFuture的系统部署(简易版)
  9. 软件管理定律系列之布鲁克斯定律
  10. CentOS7中多台服务器配置SSH免密钥登录