关于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常见注意事项
Jan 01 Javascript
js实现的日期操作类DateTime函数代码
Mar 16 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
May 17 Javascript
js正文内容高亮效果的实现方法
Jun 30 Javascript
用js替换除数字与逗号以外的所有字符的代码
Jun 07 Javascript
javascript实现简单计算器效果【推荐】
Apr 19 Javascript
jquery 无限极下拉菜单的简单实例(精简浓缩版)
May 31 Javascript
浅谈JavaScript 标准对象
Jun 02 Javascript
详解vue axios用post提交的数据格式
Aug 07 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
Aug 22 Javascript
深入浅出了解Node.js Streams
May 27 Javascript
jquery实现直播视频弹幕效果
Feb 25 jQuery
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以post形式发送xml的方法
2014/11/04 PHP
PHP面向对象学习之parent::关键字
2017/01/18 PHP
PHP实现动态创建XML文档的方法
2018/03/30 PHP
强制设为首页代码
2006/06/19 Javascript
JavaScript中令你抓狂的魔术变量
2006/11/30 Javascript
Prototype1.6 JS 官方下载地址
2007/11/30 Javascript
jQuery+CSS 实现的超Sexy下拉菜单
2010/01/17 Javascript
javascript cookies操作集合
2010/04/12 Javascript
JavaScript获取onclick、onchange等事件值的代码
2013/07/22 Javascript
将文本输入框内容加入表中的js代码
2013/08/18 Javascript
jQuery打字效果实现方法(附demo源码下载)
2015/12/18 Javascript
Bootstrap布局组件应用实例讲解
2016/02/17 Javascript
JavaScript Ajax实现异步通信
2016/12/14 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
2016/12/26 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
2017/04/11 Javascript
基于hover的用法实例(推荐)
2017/07/04 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
2017/09/20 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
2018/08/28 jQuery
javascript中关于类型判断的一些疑惑小结
2018/10/14 Javascript
微信小程序实现顶部下拉菜单栏
2018/11/04 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
微信小程序全局变量的设置、使用、修改过程解析
2019/09/24 Javascript
vue项目引入ts步骤(小结)
2019/10/31 Javascript
[02:44]重置世界,颠覆未来——DOTA2 7.23版本震撼上线
2019/12/01 DOTA
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
Python读取Word(.docx)正文信息的方法
2018/03/15 Python
Python考拉兹猜想输出序列代码实践
2019/07/05 Python
Python操作Jira库常用方法解析
2020/04/10 Python
python 基于opencv操作摄像头
2020/12/24 Python
JD Sports意大利:英国篮球和运动时尚的领导者
2017/10/29 全球购物
Visual-Click葡萄牙:欧洲领先的在线眼镜商
2020/02/17 全球购物
做一个有道德的人活动实施方案
2014/08/23 职场文书
领导干部整治奢华浪费之风思想汇报
2014/10/07 职场文书
公务员检讨书
2014/11/01 职场文书
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js