关于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限制文本框输入长度两种限制方式(长度、字节数)
Dec 19 Javascript
js动态创建、删除表格示例代码
Aug 07 Javascript
基于javascript实现右下角浮动广告效果
Jan 08 Javascript
jQuery EasyUI框架中的Datagrid数据表格组件结构详解
Jun 09 Javascript
BootStrap智能表单实战系列(十一)级联下拉的支持
Jun 13 Javascript
[原创]jQuery常用的4种加载方式分析
Jul 25 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
Nov 14 Javascript
Vue动态路由缓存不相互影响的解决办法
Feb 19 Javascript
vue+layui实现select动态加载后台数据的例子
Sep 20 Javascript
keep-alive不能缓存多层级路由菜单问题解决
Mar 10 Javascript
javascript递归函数定义和用法示例分析
Jul 22 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
yii实现创建验证码实例解析
2014/07/31 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
php7下的filesize函数
2019/09/30 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
javascript 面向对象全新理练之数据的封装
2009/12/03 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
Javascript字符串常用方法详解
2016/07/21 Javascript
JavaScript中for循环的几种写法与效率总结
2017/02/03 Javascript
jQuery实现简单的抽奖游戏
2017/05/05 jQuery
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
一个手写的vue放大镜效果
2019/08/09 Javascript
Node.js中console.log()输出彩色字体的方法示例
2019/12/01 Javascript
js实现倒计时秒杀效果
2020/03/25 Javascript
[01:48]帕吉至宝加入游戏,遗迹战场现“千劫神屠”
2018/04/07 DOTA
python 控制语句
2011/11/03 Python
python实现文件名批量替换和内容替换
2014/03/20 Python
解决python3中自定义wsgi函数,make_server函数报错的问题
2017/11/21 Python
Django后台获取前端post上传的文件方法
2018/05/28 Python
Flask核心机制之上下文源码剖析
2018/12/25 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
Django 外键的使用方法详解
2019/07/19 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
python实现单机五子棋
2020/08/28 Python
整理HTML5的一些新特性与Canvas的常用属性
2016/01/29 HTML / CSS
美国打印机墨水和碳粉购物网站:QuikShip Toner
2018/08/29 全球购物
应届毕业生应聘自荐信范文
2014/02/26 职场文书
校园文明标语
2014/06/13 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
会议开幕词
2015/01/28 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
详解JVM系列之内存模型
2021/06/10 Javascript
SpringAop日志找不到方法的处理
2021/06/21 Java/Android
python geopandas读取、创建shapefile文件的方法
2021/06/29 Python
CSS中实现动画效果-附案例
2022/02/28 HTML / CSS