关于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 对表格的行和列都能加亮显示
Dec 26 Javascript
js和css写一个可以自动隐藏的悬浮框
Mar 05 Javascript
node.js中使用socket.io的方法
Dec 15 Javascript
JavaScript显示当前文档最后修改日期的方法
Mar 19 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
May 06 Javascript
javascript表格的渲染组件
Jul 03 Javascript
如何使用AngularJs打造权限管理系统【简易型】
May 09 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
Mar 27 Javascript
Vue.js实现备忘录功能
Jun 26 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 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脚本中include文件出错解决方法
2008/11/20 PHP
PHP中使用TCPDF生成PDF文档实例
2014/07/01 PHP
PHP中使用xmlreader读取xml数据示例
2014/12/29 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
PHP与SQL语句写一句话木马总结
2019/10/11 PHP
javascript内存管理详细解析
2013/11/11 Javascript
javascript判断office版本示例
2014/04/11 Javascript
抛弃Nginx使用nodejs做反向代理服务器
2014/07/17 NodeJs
Angularjs基础知识及示例汇总
2015/01/22 Javascript
原生js结合html5制作小飞龙的简易跳球
2015/03/30 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
Javascript中的神器——Promise
2017/02/08 Javascript
Angular.JS去掉访问路径URL中的#号详解
2017/03/30 Javascript
浅谈angular2 组件的生命周期钩子
2017/08/12 Javascript
JS代码优化的8点建议
2020/02/04 Javascript
jQuery编写QQ简易聊天框
2020/08/27 jQuery
基于Python代码编辑器的选用(详解)
2017/09/13 Python
python3连接MySQL数据库实例详解
2018/05/24 Python
Python实现基于PIL和tesseract的验证码识别功能示例
2018/07/11 Python
python无限生成不重复(字母,数字,字符)组合的方法
2018/12/04 Python
使用pyshp包进行shapefile文件修改的例子
2019/12/06 Python
解决jupyter notebook打不开无反应 浏览器未启动的问题
2020/04/10 Python
python脚本定时发送邮件
2020/12/22 Python
css3实现画半圆弧线的示例代码
2017/11/06 HTML / CSS
HTML5新增加标签和功能概述
2016/09/05 HTML / CSS
汉森批发:Hansen Wholesale
2018/05/24 全球购物
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
100%有机精油,美容油:House of Pure Essence
2018/10/30 全球购物
最新离婚协议书范本
2014/08/19 职场文书
稽核岗位职责范本
2015/04/13 职场文书
2015年乡镇妇联工作总结
2015/05/19 职场文书
高温慰问简报
2015/07/21 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python
python3 hdf5文件 遍历代码
2021/05/19 Python
Python使用psutil库对系统数据进行采集监控的方法
2021/08/23 Python
python获取带有返回值的多线程
2022/05/02 Python