$(function(){
$("thumbs a")mouseover(function(){
var largePath = $(this)attr("href");
$("#largeImg,#imgTag")attr({src: largePath});
// 设置背景
$('#zoom')css('backgroundImage', 'url(' + largePath + ')');
return false;
});
});
局部放大功能是怎么写的，如果用了什么插件，看看有没有方法可以设置。
可以用jquery中的css()方法；
css()有两个参数。第一个参数是必选参数，一般是指css样式中的属性。第二个参数是可选参数，一般是指css样式中属性的值。当只有第一个参数是，则是指获取该属性的值。如果也有第二个参数，那就是表示改变属性的值。
示例如下：
<!doctype html><html>
<head>
<meta charset='utf-8' />
<title></title>
<script type="text/javascript" language="javascript" src='jqueryjs'></script>
<script language='javascript'>
$(function(){
$('#btn1')click(function(){
//css()为一个参数
var divWid=$('#div-box')css('width');
alert(divWid);
});
$('#btn2')click(function(){
//css()为两个参数
var divWid=$('#div-box')css('background','#00f');
});
})
</script>
<style type="text/css">
#div-box {width:200px;height:100px;background:#f00;}
</style>
</head>
<body>
<div id="div-box"></div>
<input type='button' id='btn1' value='提取' />
<input type='button' id='btn2' value='改变' />
</body>
</html>
一定是undefined，attr是用来获得或设置标签属性的，不是用来获得CSS属性的。如果你有id是nn1的标签，可以用ww=$("#nn1")css("top");来获得CSS属性。
<style>
function ck(){
$("#dv")css("color","red");
//获取到对象 设置对象css中的属性color 属性值为red 也就是下面style中的属性
$("#dv")css("fontSize","30px");
//设置对象的字体大小为 30 px;
//以上是设置div对象的css样式属性 如果是div的直接属性 比如class innerHTML等等
//可以直接修改 如:
$("#dv")html(); //获取div两标间之间的内容
$("#dv")html(""); //带参数就表示设置内容
//这样的 很多建议你看看文档
// 扣群③②〇⑦④⑧⑤⑨① 中有文档下载 技术交流
}
</style>
<div id="dv" style="color:green"></div>
//1、获取和设置样式
$("#tow")attr("class");//获取ID为tow的class属性
$("#two")attr("class","divClass");//设置Id为two的class属性。
//2、追加样式
$("#two")addClass("divClass2");//为ID为two的对象追加样式divClass2
//3、移除样式
$("#two")removeClass("divClass");//移除 ID为two的对象的class名为divClass的样式。
$(#two)removeClass("divClass divClass2")移除多个样式。
//4、切换类名
$("#two")toggleClass("anotherClass") ;//重复切换anotherClass样式
//5、判断是否含有某项样式
$("#two")hasClass("another")==$("#two")is("another");
//6、获取css样式中的样式
$("div")css("color");// 设置color属性值 $(element)css(style)
//设置单个样式
$("div")css("color","red");
//7设置多个样式
$("div")css({fontSize:"30px",color:"red"});
$("div")css("height","30px")==$("div")height("30px");
$("div")css("width","30px")==$("div")height("30px");
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Test</title>
<script src=">
以上就是关于JQuery如何改变CSS属性全部的内容，包括:JQuery如何改变CSS属性、jquery怎么添加css样式、jquery attr()无法获取属性值问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）