关于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实现运行代码需要刷新的解决方法
Aug 18 Javascript
不同浏览器对回车提交表单的处理办法
Feb 13 Javascript
js关闭模态窗口刷新父页面或跳转页面
Dec 13 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 Javascript
Node.js 异步编程之 Callback介绍(一)
Mar 30 Javascript
js实现点击切换TAB标签实例
Aug 21 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
Mar 24 Javascript
改变checkbox默认选中状态及取值的实现代码
May 26 Javascript
AngularJs 动态加载模块和依赖
Sep 15 Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
Sep 10 Javascript
JavaScript canvas绘制圆弧与圆形
Feb 18 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
isset和empty的区别
2007/01/15 PHP
PHP生成指定随机字符串的简单实现方法
2015/04/01 PHP
Laravel日志用法详解
2016/10/09 PHP
PHP PDO操作MySQL基础教程
2017/06/05 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
Packer 3.0 JS压缩及混淆工具 下载
2007/05/03 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
2013/11/23 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
JS对字符串编码的几种方式使用指南
2015/05/14 Javascript
Knockoutjs 学习系列(二)花式捆绑
2016/06/07 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
Vue组件开发技巧总结
2018/03/04 Javascript
微信小程序实现文字跑马灯
2020/05/26 Javascript
js+canvas实现两张图片合并成一张图片的方法
2019/11/01 Javascript
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
Python3实现从排序数组中删除重复项算法分析
2019/04/03 Python
关于不懂Chromedriver如何配置环境变量问题解决方法
2019/06/12 Python
pytorch中torch.max和Tensor.view函数用法详解
2020/01/03 Python
python给图像加上mask,并提取mask区域实例
2020/01/19 Python
Python装饰器的应用场景代码总结
2020/04/10 Python
Keras—embedding嵌入层的用法详解
2020/06/10 Python
Python dict的常用方法示例代码
2020/06/23 Python
StubHub哥伦比亚:购买和出售您的门票
2016/10/20 全球购物
美国修容界大佬创建的个人美妆品牌:Kevyn Aucoin Beauty
2018/12/12 全球购物
自我鉴定怎么写
2013/12/05 职场文书
应届毕业生个人求职信范文
2014/01/29 职场文书
投资协议书范本
2014/04/21 职场文书
活动总结模板
2014/05/09 职场文书
群众路线个人整改方案
2014/10/25 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
幼儿园辞职信范文
2015/02/27 职场文书
2015年学校教务处工作总结
2015/05/11 职场文书
新学期主题班会
2015/08/17 职场文书
用人单位的规章制度,怎样制定才是有效的?
2019/07/09 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书
Keras在mnist上的CNN实践,并且自定义loss函数曲线图操作
2021/05/25 Python