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

请帮我找下错误。。。。还有第一个$(function(){})是什么意思,为什么点更多就会触发这个function呢,不太理解

  <body>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li style="display:none">5</li>
            <li style="display:none">6</li>
            <li>7</li>
        </ul>
        <a href="javascript:;">更多</a>
    </body>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript">
        $(function(){
            $("a").click(function(){
            var $temp=$("a").text();
            if($temp=="更多"){
                $("a").html("简化");
                $("li:eq(4)").css("display","list-item");
                $("li:eq(5)").css("display","list-item");
            }else{
                $("a").html("更多");
                $("li:eq(4)").css("display","none");
                $("li:eq(5)").css("display","none");
            }
            })
        })
    </script>


正在回答

1 回答

首先

$(function(){}) 是相当于window.onload即当页面加载结束后

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

这个语句是加载这个JavaScript文件,并不能在这里写代码

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

    <script type="text/javascript">

      $(function(){

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

            var $temp=$("a").text();

            if($temp=="更多"){

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

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

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

            }else{

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

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

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

            }

            })

        })

    </script>

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

kaka606 提问者

3Q!!
2015-05-08 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

请帮我找下错误。。。。还有第一个$(function(){})是什么意思,为什么点更多就会触发这个function呢,不太理解

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信