您的位置:首页 > Web前端 > JQuery

jquery中的css函数css(name)、css(key,value)、css(properties)、css(key,fn)

2017-08-29 08:51 477 查看
全栈工程师开发手册 (作者:栾鹏)

jquery系列教程2-style样式操作全解

jquery通过css函数操作元素样式

jquery的css函数,包括css(name)、css(key,value)、css(properties)、css(key,fn),具体功能如代码中注释。

代码如下:

$cr.css("color");                                               //css(name)读取style样式
$cr.css("color","red");                                         //css(key,value)设置style样式,等价于cr.style.color="red"
$cr.css({'fontSize':'30px','backgroundColor':'#888888'});       //css(properties)同时设置多个样式。在带有-的样式属性中如font-size,添加引号后,可以写成font-size也可以写成驼峰式fontSize

if($cr.css("height")==$cr.height()){                           //css(key,fn)通过函数计算样式值,height()获取的高度与样式无关,是元素在页面中的实际高度,不带单位。css("height")获取的高度与样式有关,可能会得到auto结果,也有可能得到10px字符串
$cr.height(100);                                            //设置高度为数字,默认单位为px
$cr.height("10em");
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: