关于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 相关文章推荐
基于jquery创建的一个图片、视频缓冲的效果样式插件
Aug 28 Javascript
探索Emberjs制作一个简单的Todo应用
Nov 07 Javascript
JQuery对id中含有特殊字符的转义处理示例
Sep 06 Javascript
js时间戳格式化成日期格式的多种方法
Nov 11 Javascript
JavaScript中实现单体模式分享
Jan 29 Javascript
JavaScript获取URL汇总
Jun 08 Javascript
如何解决hover在ie6中的兼容性问题
Dec 15 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
May 03 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
Aug 14 Javascript
ES6 javascript中class静态方法、属性与实例属性用法示例
Oct 30 Javascript
通过一个简单的例子学会vuex与模块化
Nov 22 Javascript
layui关闭层级、简单监听的实例
Sep 06 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常用Output和ptions/Info函数集介绍
2013/06/19 PHP
浅谈php错误提示及查错方法
2015/07/14 PHP
PHP基于新浪IP库获取IP详细地址的方法
2017/05/04 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
jQuery对象和DOM对象之间相互转换的方法介绍
2015/02/28 Javascript
jquery性能优化高级技巧
2015/08/24 Javascript
自己动手写的javascript前端等待控件
2015/10/30 Javascript
JavaScript制作淘宝星级评分效果的思路
2020/06/23 Javascript
jquery读写cookie操作实例分析
2015/12/24 Javascript
JS插件overlib用法实例详解
2015/12/26 Javascript
如何使用AngularJs打造权限管理系统【简易型】
2016/05/09 Javascript
jquery常用的12个小功能
2016/07/22 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
2016/09/08 Javascript
javascript this详细介绍
2016/09/19 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
React注册倒计时功能的实现
2018/09/06 Javascript
Vue表单提交点击事件只允许点击一次的实例
2020/10/23 Javascript
python socket 超时设置 errno 10054
2014/07/01 Python
在Python中操作字符串之replace()方法的使用
2015/05/19 Python
python进行TCP端口扫描的实现
2018/12/21 Python
django做form表单的数据验证过程详解
2019/07/26 Python
TensorFlow学习之分布式的TensorFlow运行环境
2020/02/05 Python
Python中sys模块功能与用法实例详解
2020/02/26 Python
python re.match()用法相关示例
2021/01/27 Python
改变生活的男士内衣:SAXX Underwear
2019/08/28 全球购物
美国最大的在线生存商店:Survival Frog
2020/12/13 全球购物
Linux文件系统类型
2012/09/16 面试题
新郎新娘婚礼答谢词
2014/01/11 职场文书
大学生秋游活动方案
2014/02/17 职场文书
质检部经理岗位职责
2014/02/19 职场文书
法律六进活动方案
2014/03/13 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
《颐和园》教学反思
2016/02/19 职场文书
2016年读书月活动总结范文
2016/04/06 职场文书
Python基础之元类详解
2021/04/29 Python
cypress测试本地web应用
2022/06/01 Javascript