关于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 相关文章推荐
tagName的使用,留一笔
Jun 26 Javascript
jquery 常用操作方法
Jan 28 Javascript
JQuery onload、ready概念介绍及使用方法
Apr 27 Javascript
获取3个数组不重复的值的具体实现
Dec 30 Javascript
jquery清空表单数据示例分享
Feb 13 Javascript
JavaScript对HTML DOM使用EventListener进行操作
Oct 21 Javascript
JavaScript学习笔记之数组的增、删、改、查
Mar 23 Javascript
简单实现node.js图片上传
Dec 18 Javascript
总结几道关于Node.js的面试问题
Jan 11 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
Nov 01 Javascript
vue+element-ui动态生成多级表头的方法
Aug 28 Javascript
js编写简易的计算器
Jul 29 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命名空间学习详解
2014/02/27 PHP
Win7 64位系统下PHP连接Oracle数据库
2014/08/20 PHP
phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法
2016/03/30 PHP
php获取当前月与上个月月初及月末时间戳的方法
2016/12/05 PHP
php实现socket推送技术的示例
2017/12/20 PHP
javascript之ESC(第二类混淆)
2007/05/06 Javascript
fix-ie5.js扩展在IE5下不能使用的几个方法
2007/08/20 Javascript
JQuery读取XML文件数据并显示的实现代码
2009/12/16 Javascript
jq实现酷炫的鼠标经过图片翻滚效果
2014/03/12 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
如何使用HTML5地理位置定位功能
2015/04/27 Javascript
javascript模拟php函数in_array
2015/04/27 Javascript
JavaScript实现将文本框的值插入指定位置的方法
2015/08/13 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
JS返回只包含数字类型的数组实例分析
2016/12/16 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
总结几道关于Node.js的面试问题
2017/01/11 Javascript
React组件中的this的具体使用
2018/02/28 Javascript
Vue.use源码学习小结
2018/06/20 Javascript
小程序组件之仿微信通讯录的实现代码
2018/09/12 Javascript
vue-cli3跨域配置的简单方法
2019/09/06 Javascript
基于JS实现简单滑块拼图游戏
2019/10/12 Javascript
js实现随机div颜色位置 类似满天星效果
2019/10/24 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
python 中字典嵌套列表的方法
2018/07/03 Python
python中import与from方法总结(推荐)
2019/03/21 Python
Python socket非阻塞模块应用示例
2019/09/12 Python
关于Python字符串显示u...的解决方式
2020/03/06 Python
纯CSS3制作的简洁蓝白风格的登录模板(非IE效果更好)
2013/08/11 HTML / CSS
Mio Skincare法国官网:身体紧致及孕期身体护理
2018/04/04 全球购物
职高毕业生自我鉴定
2013/10/21 职场文书
保险公司早会主持词
2014/03/22 职场文书
幼儿园感恩节活动方案2014
2014/10/11 职场文书
土地租赁协议书
2015/01/29 职场文书
大学生毕业个人总结
2015/02/15 职场文书