                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

$("li:gt(3)").not(":last").hide();是什么意思？

<!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>
    </head>
    
    <body>
        <ul>
            <li>我是最强的</li>
            <li>我是最强的</li>
            <li>我是最强的</li>
            <li>我是最强的</li>
            <li>我是最强的</li>
            <li>我是最强的</li>
            <li>我是最强的</li>
            <li>我是最强的</li>
            <li>我是最强的</li>
            <li>我是最强的</li>
            <li>我是最强的<a href="javascript:;">更多</a></li>
        </ul>
        <script>
          $("li:gt(3)").not(":last").hide();
          $("a").click(function(){
          if($("a").html()=="更多"){
            $("a").html("简化"); 
            $("li").show(); 
            
              }
              else{
                 $("a").html("更多");
                 $("li:gt(3)").not(":last").hide();
              }
              });

            
        </script>
        
    </body>
</html>

雨巷_100

2015-07-14

源自：jQuery基础课程 3-13

关注问题我要回答

1834

操作

收起

4 回答

jeffreYang
2015-07-15

:gt()是过滤选择器，greater than 的缩写，选择前4个之后的所有li，not(:last)就是不选中最后一个元素，hide()是隐藏，整个连起来的意思就是选择第四个之后，但不包含最后一个的所有li元素将其隐藏

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

#1

雨巷_100 提问者

谢谢哦：）

2015-07-16 回复有任何疑惑可以回复我~

#2

请问怎么能改成多个相同的板块可以互不影响的点击各自的展开隐藏呢？

2016-01-23 回复有任何疑惑可以回复我~

陈萨权威
2016-01-23

请问怎么能改成多个相同的板块可以互不影响的点击各自的展开隐藏呢？

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

灿白
2015-07-30

!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>

</head>

一行一行来，我们把代码看做是一场表演~

<body>

<ul>

<li>我是最强的</li>

<li>我是最强的</li>

<li>我是最强的</li>

<li>我是最强的</li>

<li>我是最强的</li>

<li>我是最强的</li>

<li>我是最强的</li>

<li>我是最强的</li>

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

</ul>

<script>

$("li:gt(3)").not(":last").hide();（一开始的时候，你只看到了5个人出场，有三个人被隐藏了）但是你要知道

{<a href="javascript:;">更多</a>}这一个没有被隐藏！因为有.not(":last")！！！

$("a").click(function(){ （设定更多按钮的function功能）

if($("a").html()=="更多"){ （function功能：如果点击更多，那么将出现简化按钮）

$("a").html("简化"); （简化文本）

$("li").show(); （出现所有带有li标签的文本也就是8个人同时出现了）

（点击更多的功能，就像舞台表演衔接，想象少时的歌曲，五个人现出来，后面再出来三个）

}

else{

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

$("li:gt(3)").not(":last").hide();

}

});

（然后呢，要是点击简化按钮回复原状。也就是歌曲结束之后，又开始另一段了）还是五个人~

所以，记住function（）IF else。

</script>

</body>

</html>

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

#1

请问怎么能改成多个相同的板块可以互不影响的点击各自的展开隐藏呢？

2016-01-23 回复有任何疑惑可以回复我~

sikisis
2015-07-14

你可以添加一个序号就知道是做什么的了。

这就是过长的列表(长度大于4)做折叠的功能。

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

#1

雨巷_100 提问者

gt(3) not(":last") hide()分别是什么意思？

2015-07-15 回复有任何疑惑可以回复我~

#2

sikisis 回复雨巷_100 提问者

对从第四个且不是最后一个的列表开启隐藏属性

2015-07-18 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础课程

参与学习 154768 人
解答问题 7184 个

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

$("li:gt(3)").not(":last").hide();是什么意思？

我要回答关注问题

意见反馈帮助中心 APP下载