关于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 获取select下拉列表值的代码
Sep 07 Javascript
ajax中get和post的说明及使用与区别
Dec 23 Javascript
jQuery写的日历(包括日历的样式及功能)
Apr 23 Javascript
from 表单提交返回值用post或者是get方法实现
Aug 21 Javascript
jQuery实现DIV层收缩展开的方法
Feb 27 Javascript
详解AngularJS控制器的使用
Mar 09 Javascript
前端JS面试中常见的算法问题总结
Dec 23 Javascript
微信小程序 下拉菜单的实现
Apr 06 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
Oct 27 Javascript
JS实现数组简单去重及数组根据对象中的元素去重操作示例
Jan 05 Javascript
Vue实现摇一摇功能(兼容ios13.3以上)
Jan 26 Vue.js
JS新手入门数组处理的实用方法汇总
Apr 07 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
zf框架的db类select查询器join链表使用示例(zend框架)
2014/03/14 PHP
php smarty truncate UTF8乱码问题解决办法
2014/06/13 PHP
ThinkPHP模板之变量输出、自定义函数与判断语句用法
2014/11/01 PHP
php中ob_get_length缓冲与获取缓冲长度实例
2014/11/20 PHP
jQuery 对象中的类数组操作
2009/04/27 Javascript
JavaScript类和继承 prototype属性
2010/09/03 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
2013/06/02 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
2014/06/20 Javascript
js判断变量初始化的三种形式及推荐用的形式
2014/07/22 Javascript
node.js中的fs.createWriteStream方法使用说明
2014/12/17 Javascript
jQuery+JSON实现AJAX二级联动实例分析
2015/12/18 Javascript
jquery html动态添加的元素绑定事件详解
2016/05/24 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
2016/12/02 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
Vue.js数据绑定之data属性
2017/07/07 Javascript
利用HBuilder打包前端开发webapp为apk的方法
2017/11/13 Javascript
js将键值对字符串转为json字符串的方法
2018/03/30 Javascript
如何在Angular应用中创建包含组件方法示例
2019/03/23 Javascript
layui表单验证select下拉框实现验证的方法
2019/09/05 Javascript
Vue项目打包部署到iis服务器的配置方法
2019/10/14 Javascript
Node.js API详解之 vm模块用法实例分析
2020/05/27 Javascript
[02:07]DOTA2超级联赛专访BBC:难忘网吧超神经历
2013/06/09 DOTA
python读取文本中数据并转化为DataFrame的实例
2018/04/10 Python
django-allauth入门学习和使用详解
2019/07/03 Python
基于梯度爆炸的解决方法:clip gradient
2020/02/04 Python
Python面向对象程序设计之静态方法、类方法、属性方法原理与用法分析
2020/03/23 Python
Python的PIL库中getpixel方法的使用
2020/04/09 Python
浅谈django 重载str 方法
2020/05/19 Python
python 实现倒计时功能(gui界面)
2020/11/11 Python
生态学毕业生自荐信
2013/10/27 职场文书
俞敏洪励志演讲稿
2014/04/29 职场文书
竞争上岗演讲稿范文
2014/05/12 职场文书
倡导文明标语
2014/06/16 职场文书
教你怎么用python selenium实现自动化测试
2021/05/27 Python
MySQL 全文检索的使用示例
2021/06/07 MySQL
javascript中Set、Map、WeakSet、WeakMap区别
2022/12/24 Javascript