zoukankan      html  css  js  c++  java
  • jQuery 日常工作集中问题

    1.siblings()方法:获得匹配元素中每个元素的同胞(除了自己外的其他同级元素)

    导航栏选择效果

    点击“华东地区”,其他同级元素灰色背景以及下拉菜单消失,当前元素有灰色背景以及下拉菜单。再次点击自身元素,自身的灰色背景以及下拉菜单消失:

     <div class="nav-list nav-item">
            <a href="javascript:;" class="direct">华东地区</a>
            <ul class="childlist" style="display:none">
              <li><a href="javascript:;" class="childitem">全部</a></li>
              <li><a href="javascript:;" class="childitem">上海</a></li>
              <li><a href="javascript:;" class="childitem">浙江</a></li>
            </ul>
      </div>
    $(".direct").click(function(){
              $(this).parent().siblings().removeClass('on');
              $(this).parent().toggleClass('on');
              $(this).parent().siblings().find(".childlist").hide();
              $(this).parent().find('.childlist').toggle();
          });

    2. nextAll()方法:获得匹配元素集合中每个元素的所有跟随的同胞元素,由选择器筛选是可选的。

    // 前10个商品以后的隐藏
    $(".out_wrapper").each(function(index, el) {
      $(this).children().eq(4).nextAll().css('display', 'none');
    });

    $(".record_list").each(function(index,el){
      if(index == 9){
      $(this).nextAll().css("display","none");
      }
    });

    3.scrollTop()方法:方法返回或设置匹配元素的滚动条的垂直位置。

    //window.scrollTo(100,500);
    //$(window).animate({top:"300px"});
    $('body,html').animate({scrollTop:530},500);     对

    4.jquery如何让滚动条默认在最底部

    $('#content').scrollTop( $('#content')[0].scrollHeight );

    5.获取input内value的值:val()方法

    $(".stock").val();

    6.设置/获取div内的值:text()方法

    $(".tip4").text("需求商品不能为空");

  • 相关阅读:
    201621123034 《Java程序设计》第3周学习总结
    java 例子
    201621123034 《Java程序设计》第4周学习总结
    Java暑期作业
    201621123034 《Java程序设计》第2周学习总结
    WEB标准了解
    CSS盒子模型
    Caused by: Caught exception while loading file strutsdefault.xml [unknown location]问题
    CSS中padding和margin以及用法
    idea开发maven项目jsp更改无法实时更新问题
  • 原文地址:https://www.cnblogs.com/benbendu/p/5888780.html
Copyright © 2011-2022 走看看