关于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 相关文章推荐
代码生成器 document.write()
Apr 15 Javascript
js 字符串转化成数字的代码
Jun 29 Javascript
JS代码放在head和body中的区别分析
Dec 01 Javascript
纯Javascript实现Windows 8 Metro风格实现
Oct 15 Javascript
DOM节点删除函数removeChild()用法实例
Jan 12 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
Jan 18 Javascript
Node.js 实现简单小说爬虫实例
Nov 18 Javascript
JavaScript中for循环的几种写法与效率总结
Feb 03 Javascript
js 博客内容进度插件详解
Feb 19 Javascript
深入浅析Vue不同场景下组件间的数据交流
Aug 15 Javascript
vue的事件绑定与方法详解
Aug 16 Javascript
解决vue路由name同名,路由重复的问题
Aug 05 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自动适应范围的分页代码
2008/08/05 PHP
php读取大文件示例分享(文件操作类)
2014/04/13 PHP
深入浅出php socket编程
2015/05/13 PHP
div移动 输入框不能输入的问题
2009/11/19 Javascript
JS 树形递归实例代码
2010/05/18 Javascript
jquery中文乱码的多种解决方法
2013/06/21 Javascript
在js文件中如何获取basePath处理js路径问题
2013/07/10 Javascript
js实现在网页上简单显示时间的方法
2015/03/02 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
jQuery实现布局高宽自适应的简单实例
2016/05/28 Javascript
JS制作类似选项卡切换的年历
2016/12/03 Javascript
jQuery实现字体颜色渐变效果的方法
2017/03/29 jQuery
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
2017/04/02 jQuery
jQuery实现注册会员时密码强度提示信息功能示例
2017/09/05 jQuery
微信小程序中使用wxss加载图片并实现动画效果
2018/08/13 Javascript
新手必须知的Node.js 4个JavaScript基本概念
2018/09/16 Javascript
微信小程序实现限制用户转发功能的实例代码
2020/02/22 Javascript
js实现全选和全不选功能
2020/07/28 Javascript
布同 Python中文问题解决方法(总结了多位前人经验,初学者必看)
2011/03/13 Python
Python新手在作用域方面经常容易碰到的问题
2015/04/03 Python
python八皇后问题的解决方法
2018/09/27 Python
Django 视图层(view)的使用
2018/11/09 Python
对python3.4 字符串转16进制的实例详解
2019/06/12 Python
python英语单词测试小程序代码实例
2019/09/09 Python
Python使用指定字符长度切分数据示例
2019/12/05 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
使用python处理题库表格并转化为word形式的实现
2020/04/14 Python
CSS3中的Transition过度与Animation动画属性使用要点
2016/05/20 HTML / CSS
应聘自荐信
2013/12/14 职场文书
宝宝周岁宴答谢词
2014/01/26 职场文书
五年级语文教学反思
2014/01/30 职场文书
房产继承公证书
2014/04/09 职场文书
廉洁家庭事迹材料
2014/05/15 职场文书
放飞梦想演讲稿600字
2014/08/26 职场文书
2019终止劳动合同协议书最新范本!
2019/07/09 职场文书
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js