关于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 日历提醒系统( 兼容所有浏览器 )
Apr 07 Javascript
常用简易JavaScript函数
Apr 09 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
Sep 10 Javascript
20个最新的jQuery插件
Jan 13 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
Feb 19 Javascript
JQuery Tips相关(1)----关于$.Ready()
Aug 14 Javascript
jquery实现图片放大点击切换
Jun 06 jQuery
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
Mar 01 Javascript
简谈创建React Component的几种方式
Jun 15 Javascript
Vue实现点击箭头上下移动效果
Jun 11 Javascript
JQuery基于FormData异步提交数据文件
Sep 01 jQuery
原生js实现分页效果
Sep 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中文分词 自动获取关键词介绍
2012/11/13 PHP
hadoop常见错误以及处理方法详解
2013/06/19 PHP
PHP使用两个栈实现队列功能的方法
2018/01/15 PHP
完美解决JS中汉字显示乱码问题(已解决)
2006/12/27 Javascript
DB.ASP 用Javascript写ASP很灵活很好用很easy
2011/07/31 Javascript
JS脚本defer的作用示例介绍
2014/01/02 Javascript
jQuery使用height()获取高度需要注意的地方
2014/12/13 Javascript
Javascript中的包装类型介绍
2015/04/02 Javascript
基于JS代码实现导航条弹出式悬浮菜单
2016/06/17 Javascript
AngularJS中比较两个数组是否相同
2016/08/24 Javascript
JS调用某段SQL语句的方法
2016/10/20 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
2016/10/30 Javascript
javascript中floor使用方法总结
2019/02/02 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
Vue中实现回车键切换焦点的方法
2020/02/19 Javascript
如何使用JS console.log()技巧提高工作效率
2020/10/14 Javascript
在Mac OS上部署Nginx和FastCGI以及Flask框架的教程
2015/05/02 Python
基于Python的接口测试框架实例
2016/11/04 Python
对python过滤器和lambda函数的用法详解
2019/01/21 Python
python装饰器常见使用方法分析
2019/06/26 Python
Python使用matplotlib实现交换式图形显示功能示例
2019/09/06 Python
python实现把两个二维array叠加成三维array示例
2019/11/29 Python
FitFlop美国官网:英国符合人体工学的鞋类品牌
2018/10/05 全球购物
Collection和Collections的区别
2016/05/02 面试题
汽车技术服务与营销专业在籍生自荐信
2013/09/28 职场文书
打造完美自荐信
2014/01/24 职场文书
三年级音乐教学反思
2014/01/28 职场文书
财务简历的自我评价
2014/03/05 职场文书
个人廉洁自律承诺书
2014/03/27 职场文书
孝老爱亲模范事迹材料
2014/05/25 职场文书
幼儿园教师工作总结2015
2015/04/02 职场文书
土木工程生产实习心得体会
2016/01/22 职场文书
HR必备:超全面的薪酬待遇管理方案!
2019/07/12 职场文书
使用golang编写一个并发工作队列
2021/05/08 Golang
Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)
2021/11/17 Servers