jQuery小练习

来源:互联网 发布:如何编写抢购软件 编辑:程序博客网 时间:2024/06/06 21:47

<!DOCTYPEhtml>

<html>

    <head>

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

        <title>挑战题</title>

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

    </head>

    <body>

        <ul>

            <li >她觉得</li>

            <li>他爱她</li>

            <li>那天</li>

            <li>她发现</li>

            <listyle="display:none">原来</li>

            <listyle="display:none">他</li>

            <li>眼里只有他......</li>

        </ul>

        <a href="javascript:;">知道更多</a>

        <scripttype="text/javascript">

            $(function(){

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

               if($("a").text()=="知道更多"){

                    $("a").text("果然还是不知道的好吧");

                   $("li:eq(4)").css("display","list-item");

                   $("li:eq(5)").css("display","list-item");

                }else{

                   $("a").text("知道更多");

                   $("li:eq(4)").css("display","none");

                   $("li:eq(5)").css("display","none");                   

                }

            });

        })

        </script>

    </body>

</html>

0 0
原创粉丝点击