//样式操作
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); //获取元素的滚动条距左端的距离,也可以通过参数设置滚动左边的距离
jquery中的style样式操作
最新推荐文章于 2025-05-22 23:49:05 发布