关于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中的$(document).ready()与window.onload的区别
Nov 18 Javascript
jquery 可拖拽的窗体控件实现代码
Mar 21 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
Nov 30 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
Dec 31 Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
Jun 04 Javascript
jquery append与appendTo方法比较
May 24 jQuery
浅谈JavaScript的innerWidth与innerHeight
Oct 12 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
了解javascript中let和var及const关键字的区别
May 24 Javascript
弱类型语言javascript中 a,b 的运算实例小结
Aug 07 Javascript
解决vue项目中出现Invalid Host header的问题
Nov 17 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&&mysql)三
2006/10/09 PHP
FleaPHP框架数据库查询条件($conditions)写法总结
2016/03/19 PHP
Smarty简单生成表单元素的方法示例
2016/05/23 PHP
php 从指定数字中获取随机组合的简单方法(推荐)
2017/04/05 PHP
PHP实现找出有序数组中绝对值最小的数算法分析
2017/08/07 PHP
PHP设计模式之命令模式示例详解
2020/12/20 PHP
firefox下对ajax的onreadystatechange的支持情况分析
2009/12/14 Javascript
jquery 仿QQ校友的DIV模拟窗口效果源码
2010/03/24 Javascript
jquery连缀语法如何实现
2012/11/29 Javascript
JSON+Jquery省市区三级联动
2016/01/13 Javascript
JS实现CheckBox复选框全选、不选或全不选功能
2020/07/28 Javascript
Js+Ajax,Get和Post在使用上的区别小结
2016/06/08 Javascript
文本框只能输入数字的js代码(含小数点)
2016/07/10 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
2016/07/18 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
2017/03/07 Javascript
详谈js原型继承的一些问题
2017/09/06 Javascript
详解关于JSON.parse()和JSON.stringify()的性能小测试
2019/03/14 Javascript
Webpack中loader打包各种文件的方法实例
2019/09/03 Javascript
Pyramid Mako模板引入helper对象的步骤方法
2013/11/27 Python
Python实现的人工神经网络算法示例【基于反向传播算法】
2017/11/11 Python
手把手教你python实现SVM算法
2017/12/27 Python
对pycharm 修改程序运行所需内存详解
2018/12/03 Python
在python中使用with打开多个文件的方法
2019/01/07 Python
详解python 3.6 安装json 模块(simplejson)
2019/04/02 Python
python3用PIL把图片转换为RGB图片的实例
2019/07/04 Python
Python numpy线性代数用法实例解析
2019/11/15 Python
django使用JWT保存用户登录信息
2020/04/22 Python
python中翻译功能translate模块实现方法
2020/12/17 Python
HTML5+JS实现俄罗斯方块原理及具体步骤
2013/11/29 HTML / CSS
html5绘制时钟动画
2014/12/15 HTML / CSS
美国网上花店:JustFlowers
2017/02/12 全球购物
俄罗斯领先的移动和数字设备在线商店:Svyaznoy.ru
2020/12/21 全球购物
高中生期末评语
2014/01/28 职场文书
玲玲的画教学反思
2014/02/04 职场文书
一文读懂navicat for mysql基础知识
2021/05/31 MySQL
Java用自带的Image IO给图片添加水印
2021/06/15 Java/Android