为了账号安全,请及时绑定邮箱和手机立即绑定

用点击更多之后修改class样式的方法哪里出错了呢??

用点击更多之后修改class样式的方法哪里出错了呢?代码写错了吗?

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />       

        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

        <title>挑战题</title>

        <style>.no2{display:none;}</style>

    </head>   

    <body>

        <ul>

            <li>AAAA</li>

            <li>BBBB</li>

            <li>CCCC</li>

            <li>DDDD</li>

            <li>EEEE</li>

            <li class="no2">FFFF</li>

            <li class="no2">GGGG</li>

            <li class="no2">HHHH</li>

            <li class="no2">TTTT</li>           

        </ul> 

        <a> 更多</a>

        <script type="text/javascript">

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

                if($("a").html()==="更多"){

                    $("a").html("简化");

                    $(".no2").css("display","black");

                }else{

                    $("a").html("更多");

                    $(".no2").css("display","none");

                }

                });          

        </script>     

    </body>

</html>


正在回答

2 回答

block

0 回复 有任何疑惑可以回复我~
#1

MichaelDr 提问者

非常感谢!
2015-09-11 回复 有任何疑惑可以回复我~

为什么你的代码在点击第二次后才展现出来?

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154722    人
  • 解答问题       7289    个

加入课程学习,有效提高前端开发速度

进入课程

用点击更多之后修改class样式的方法哪里出错了呢??

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号