关于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判断ie浏览器6/7版本加载不同样式表的实现代码
Dec 26 Javascript
利用JQuery动画制作滑动菜单项效果实现步骤及代码
Feb 07 Javascript
在服务端(Page.Write)调用自定义的JS方法详解
Aug 09 Javascript
location.href用法总结(最主要的)
Dec 27 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
JavaScript简单表格编辑功能实现方法
Apr 16 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
Jul 09 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
Sep 05 Javascript
JS实现复制内容到剪贴板功能
Feb 05 Javascript
react 父组件与子组件之间的值传递的方法
Sep 14 Javascript
elementUi vue el-radio 监听选中变化的实例代码
Jun 28 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 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 利用Mail_MimeDecode类提取邮件信息示例
2014/01/26 PHP
php实现遍历目录并删除指定文件中指定内容
2015/01/21 PHP
php时间戳转换代码详解
2019/08/04 PHP
将input file的选择的文件清空的两种解决方案
2013/10/21 Javascript
js中生成map对象的方法
2014/01/09 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
2014/02/08 Javascript
JavaScript制作的可折叠弹出式菜单示例
2014/04/04 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
2014/05/14 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
2016/05/18 Javascript
jquery checkbox的相关操作总结
2016/10/17 Javascript
快速掌握jQuery插件WebUploader文件上传
2016/11/07 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
2017/01/04 Javascript
JavaScript中 this 指向问题深度解析
2017/02/21 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
2017/05/20 jQuery
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
微信小程序 获取javascript 里的数据
2017/08/17 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
使用zrender.js绘制体温单效果
2019/10/31 Javascript
编写v-for循环的技巧汇总
2020/12/01 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
python将txt文件读取为字典的示例
2018/12/22 Python
python2.7的flask框架之引用js&css等静态文件的实现方法
2019/08/22 Python
python配置文件写入过程详解
2019/10/19 Python
django 实现celery动态设置周期任务执行时间
2019/11/19 Python
python对象销毁实例(垃圾回收)
2020/01/16 Python
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
Spartoo荷兰:鞋子、包包和服装
2018/07/12 全球购物
美国家居装饰店:Z Gallerie
2020/12/28 全球购物
机电一体化毕业生求职信
2013/11/02 职场文书
《理想》教学反思
2014/02/17 职场文书
小学教育见习报告
2014/10/31 职场文书
大学生自荐书范文
2015/03/05 职场文书
工程项目合作意向书
2015/05/08 职场文书
你需要掌握的20个Python常用技巧
2022/02/28 Python
MySql重置root密码 --skip-grant-tables
2022/04/11 MySQL