关于jquery css的使用介绍


Posted in Javascript onApril 18, 2013

jQuery 操作 CSS

  • addClass() - 向被选元素添加一个或多个类
  • removeClass() - 从被选元素删除一个或多个类
  • toggleClass() - 对被选元素进行添加/删除类的切换操作
  • css() - 设置或返回被选元素的一个或多个样式属性。

jQuery css() 方法

〈1〉返回 CSS 属性

css("propertyname");

〈2〉设置 CSS 属性

css("propertyname","value");

〈2.1〉设置多个 CSS 属性

css({"propertyname":"value","propertyname":"value",...});

jQuery 尺寸 方法

jQuery 提供多个处理尺寸的重要方法:

  • width() 设置或返回元素的宽度(不包括内边距、边框或外边距)。
  • height() 设置或返回元素的高度(不包括内边距、边框或外边距)。
    设置:$("#div1").width(500).height(500); more : $(window/document).width/height;
  • innerWidth() 返回元素的宽度(包括内边距)。
  • innerHeight() 返回元素的高度(包括内边距)。
  • outerWidth() 返回元素的宽度(包括内边距、边框和外边距)。
  • outerHeight() 返回元素的高度(包括内边距、边框和外边距)。
Javascript 相关文章推荐
两个JavaScript jsFiddle JSBin在线调试器
Mar 14 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
Mar 28 Javascript
JavaSacript中charCodeAt()方法的使用详解
Jun 05 Javascript
js编写贪吃蛇的小游戏
Aug 24 Javascript
javascript实现简单加载随机色方块
Dec 25 Javascript
vue.js入门教程之计算属性
Sep 01 Javascript
JavaScript登录验证码的实现
Oct 27 Javascript
解析jquery easyui tree异步加载子节点问题
Mar 08 Javascript
React 组件中的 bind(this)示例代码
Sep 16 Javascript
layui table 表格上添加日期控件的两种方法
Sep 28 Javascript
node解析修改nginx配置文件操作实例分析
Nov 06 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
Jul 17 Javascript
js字符串转换成xml对象并使用技巧解读
Apr 18 #Javascript
jQuery使用技巧简单汇总
Apr 18 #Javascript
document.documentElement的一些使用技巧
Apr 18 #Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 #Javascript
jQuery基本选择器选择元素使用介绍
Apr 18 #Javascript
jQuery层次选择器选择元素使用介绍
Apr 18 #Javascript
jQuery基本过滤选择器使用介绍
Apr 18 #Javascript
You might like
php桌面中心(二) 数据库写入
2007/03/11 PHP
php str_pad() 将字符串填充成指定长度的字符串
2010/02/23 PHP
PHP JSON格式数据交互实例代码详解
2011/01/13 PHP
PHP记录搜索引擎蜘蛛访问网站足迹的方法
2015/04/15 PHP
ThinkPHP中order()使用方法详解
2016/04/19 PHP
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
Windows 系统下设置Nodejs NPM全局路径
2016/04/26 NodeJs
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
详解Vue生命周期的示例
2017/03/10 Javascript
教你用Cordova打包Vue项目的方法
2017/10/17 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
2020/06/04 Javascript
vue将data恢复到初始状态 && 重新渲染组件实例
2020/09/04 Javascript
基于javascript实现放大镜特效
2020/12/03 Javascript
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
Python开发如何在ubuntu 15.10 上配置vim
2016/01/25 Python
python实现多线程的两种方式
2016/05/22 Python
python常用函数详解
2016/09/13 Python
Python3最长回文子串算法示例
2019/03/04 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
windows系统Tensorflow2.x简单安装记录(图文)
2021/01/18 Python
利用HTML5实现使用按钮控制背景音乐开关
2015/09/21 HTML / CSS
生产班组长岗位职责
2014/01/05 职场文书
本科毕业生求职信
2014/06/15 职场文书
节电标语大全
2014/06/23 职场文书
求职简历自我评价2015
2015/03/10 职场文书
2015年政府采购工作总结
2015/05/21 职场文书
员工试用期工作总结
2019/06/20 职场文书
2019入党申请书格式
2019/06/25 职场文书
68句权威创业名言
2019/08/26 职场文书
Mysql中调试存储过程最简单的方法
2021/06/30 MySQL
gateway网关接口请求的校验方式
2021/07/15 Java/Android
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers
Linux安装Docker详细教程
2022/07/07 Servers
JavaScript实现一键复制内容剪贴板
2022/07/23 Javascript