问答详情
源自:3-7 jQuery的属性与样式之样式操作.css()

请帮我看看这段代码为什么没有用 点击不能切换 只显示红色

 <div class="change">

        点我变化

    </div>

<script type="text/javascript">

   

        $(".change").click(function(){

            if($(this).css("color")=="red"){

                $(this).css("color","yellow");

            }else{

                 $(this).css("color","red");

            }

        })

</script>

提问者:qq_世界左右丈量阳光_0 2017-10-05 14:52

个回答

  • 山_3
    2017-10-06 12:33:11
    已采纳

    比较的时候把颜色转换为rgb了

    把条件里的red换成rgb(255, 0, 0)就可以了  注意0前面要加空格

    <script type="text/javascript">
       
    $(".change").click(function(){
                if($(this).css("color")=='rgb(255, 0, 0)'){
                 $(this).css("color","yellow");
                }else{
                     $(this).css("color","red");
                }
            })
    </script>