关于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 相关文章推荐
js jquery ajax的几种用法总结(及优缺点介绍)
Jan 28 Javascript
js获取客户端网卡的IP地址、MAC地址
Mar 26 Javascript
在父页面得到zTree已选中的节点的方法
Feb 12 Javascript
bootstrap布局中input输入框右侧图标点击功能
May 16 Javascript
jquery-mobile基础属性与用法详解
Nov 23 Javascript
vue绑定设置属性的多种方式(5)
Aug 16 Javascript
js实现canvas保存图片为png格式并下载到本地的方法
Aug 31 Javascript
Vue-resource拦截器判断token失效跳转的实例
Oct 27 Javascript
Vue中使用webpack别名的方法实例详解
Jun 19 Javascript
js实现web调用摄像头 js截取视频画面
Apr 21 Javascript
微信小程序扫描二维码获取信息实例详解
May 07 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 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 socket方式提交的post详解
2008/07/19 PHP
用PHP调用Oracle存储过程的方法
2008/09/12 PHP
查找php配置文件php.ini所在路径的二种方法
2014/05/26 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
JS 控件事件小结
2012/10/31 Javascript
js动态创建标签示例代码
2014/06/09 Javascript
Jquery弹出层插件ThickBox的使用方法
2014/12/09 Javascript
javascript转换日期字符串为Date日期对象的方法
2015/02/13 Javascript
Bootstrap每天必学之缩略图与警示窗
2015/11/29 Javascript
原生js实现类似fullpage的单页/全屏滚动
2017/01/22 Javascript
vue实现长图垂直居上 vue实现短图垂直居中
2017/10/18 Javascript
轻松理解vue的双向数据绑定问题
2017/10/30 Javascript
解决Angular4项目部署到服务器上刷新404的问题
2018/08/31 Javascript
vue-cli 打包使用history模式的后端配置实例
2018/09/20 Javascript
jQuery实现的模仿雨滴下落动画效果
2018/12/11 jQuery
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
2019/10/15 Javascript
ES2020系列之空值合并运算符 '??'
2020/07/22 Javascript
解决vue自定义指令导致的内存泄漏问题
2020/08/04 Javascript
python相似模块用例
2016/03/04 Python
如何用itertools解决无序排列组合的问题
2017/05/18 Python
Python操作MongoDB数据库的方法示例
2018/01/04 Python
pytorch之添加BN的实现
2020/01/06 Python
python的reverse函数翻转结果为None的问题
2020/05/11 Python
Python-openCV开运算实例
2020/07/05 Python
CSS3毛玻璃效果(blur)有白边问题的解决方法
2016/11/15 HTML / CSS
世界上最大的糖果店:Dylan’s Candy Bar
2017/11/07 全球购物
地球上最先进的胡子和头发修剪器:Bevel
2018/01/23 全球购物
高二历史教学反思
2014/01/25 职场文书
2014年庆元旦活动方案
2014/02/15 职场文书
劳动工资科岗位职责范本
2014/03/02 职场文书
党员群众路线个人整改措施思想汇报
2014/10/12 职场文书
2014教师年度思想工作总结
2014/11/10 职场文书
鸟的天堂导游词
2015/01/31 职场文书
小学体育跳绳课教学反思
2016/02/16 职场文书
数据分析数据库ClickHouse在大数据领域应用实践
2022/04/03 MySQL