您的位置：首页 > Web前端 > JQuery

jquery 选择器 a 更多 简化

2016-06-22 14:13 267 查看
<!DOCTYPE html>

<html>

    <head>

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

        <title>挑战题</title>

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

    </head>

    

    <body>

        <ul>

            <li>ffff</li>

            <li>ddd</li>

            <li style="display:none">rrrr</li>

            <li style="display:none">wwww</li>

            <a id="moreInfo" href="javascript:;" onclick="showMore(this.id)">更多</a>

        </ul>

        <script>

            function showMore(btnid){

               //ID选择器需要加“#”

                if($("#moreInfo").html()=="更多"){

                    $("li:hidden").show();

                    $("#moreInfo").html("简化");

                }else{

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

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

                    $("#moreInfo").html("更多");

                }

            } 

        </script>

    </body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航