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

removeClass

<!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>
        <style>
        .hidden_li{display:none;}
        </style>
    </head>
    
    <body>
     <ul>
         <li>1</li>
         <li>2</li>
         <li>3</li>
         <li>4</li>
         <li>5</li>
         <li class="hidden_li">6</li>
         <li class="hidden_li">7</li>
         <li class="hidden_li">8</li>
     </ul>  
      <a href="#" onclick="show()">更多</a>
      <script>
          function show(){
              if($("li").hasClass("hidden_li")) {
              $("li[class=hidden_li]").removeClass   ();
              $("a").html("阅读");
              }else{
                 $("a").html("更多")  ;
                 $("li[class='']").addClass("hidden_li");
              }
          }
      </script>
    </body>
</html>

正在回答

1 回答

写的不错,恭喜

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

举报

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

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

进入课程
意见反馈 帮助中心 APP下载
官方微信