hover事件中同时设置多个css属性出错
qq_Onecallaway_1
2018-07-17 17:33
这个代码有问题吗，设置单个css属性时还有效果，设置两个属性就没效果了
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<style>
.box{width: 100px;height: 100px;border: 2px solid red ;position: absolute;left: 300px;top: 300px;}
</style>
<script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div class="box"></div>
<script type="text/javascript">
$('.box').hover(
function(){
$(this).css("width":"150px","color":"red");
},
function(){
$(this).css('width':'100px',"color":"white");
}
);
</script>
</body>
</html>
1回答
-
- qq_破孩儿不乖_0
- 2018-07-17 17:56:41
<script type="text/javascript"> $('.box').hover( function(){ $(this).css({"width":"150px","color":"red"}); }, function(){ $(this).css({'width':'100px',"color":"white"}); } ); </script> jquery设置多个css的属性是这样的---> $("p").css({"background-color":"yellow","font-size":"200%"}); 属性键值对是需要用大括号包起来的。
jQuery基础(三)—事件篇
89996 学习 · 625 问题
相似问题