                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(三)—事件篇

hover事件中同時設(shè)置多個css屬性出錯

這個代碼有問題嗎，設(shè)置單個css屬性時還有效果，設(shè)置兩個屬性就沒效果了

<!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="http://idcbgp.cn/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>

qq_Onecallaway_1

2018-07-17

源自：jQuery基礎(chǔ)(三)—事件篇 2-7

關(guān)注問題我要回答

3082

操作

收起

1 回答

qq_破孩兒不乖_0 回答被采納 +2 積分
2018-07-17

<script?type="text/javascript">
?????????$('.box').hover(
?????????????function(){
?????????????$(this).css({"width":"150px","color":"red"});
????????????},
????????????function(){
????????????????$(this).css({'width':'100px',"color":"white"});
????????????}
?????????);
????</script>
????
jquery設(shè)置多個css的屬性是這樣的--->????$("p").css({"background-color":"yellow","font-size":"200%"});???屬性鍵值對是需要用大括號包起來的。