jquery中的style样式操作

//样式操作
var label_class = $("label").attr("class");                 //获取样式
$("label").attr("class","high");                             //设置样式
$("label").addClass("high1");                                 //追加样式
$("label").removeClass("high1");                              //移除样式
$("label").removeClass("high1 high");                        //同时移除多个样式
$("label").toggle("high1");                                   //对样式参数有无进行切换
$("label").hasClass("high1");                                 //判断是否含有指定样式,实际调用的为is(".high1");


//CSS-DOM操作,单个参数表示读取,两个参数表示设置
$cr.css("color");                                               //读取style样式
$cr.css("color","red");                                         //设置style样式,等价于cr.style.color="red"
$cr.css("background","#bbffaa");                              //设置背景
$cr.css({'fontSize':'30px','backgroundColor':'#888888'});  //同时设置多个样式。在带有-的样式属性中如font-size,添加引号后,可以写成font-size也可以写成驼峰式fontSize
$cr.css("opacity","0.5");                                      //设置透明度
if($cr.css("height")==$cr.height()){                           //height()获取的高度与样式无关,是元素在页面中的实际高度,不带单位。css("height")获取的高度与样式有关,可能会得到auto结果,也有可能得到10px字符串
    $cr.height(100);                                            //设置高度为数字,默认单位为px
    $cr.height("10em");
}
var offset = $cr.offset();                                      //获取元素再当前视窗中的相对偏移,只对可见元素有效,包含offset.left和offset.top两个属性
var position = $cr.position();                                  //获取元素相对于最近的一个position属性设置为relative或absolute的祖父节点的相对偏移,包含position.left和position.top两个属性
$cr.scrollTop();                                                //获取元素的滚动条距顶端的距离
$cr.scrollLeft(300);                                            //获取元素的滚动条距左端的距离,也可以通过参数设置滚动左边的距离
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

若♡

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值