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("需求商品不能为空");

  • 相关阅读:
    cefsharp wpf 中文输入问题解决方法
    [Node.js]操作mysql
    [Node.js]操作redis
    关系型数据库同步
    微服务和事件驱动
    如何使用REDIS进行微服务间通讯
    CENTOS7开启SSH服务
    WINDOWS和LINUX相互传文件WINSCP
    WINDOWS远程控制LINUX终端XSHELL
    腾讯云CENTOS7安装MSSQL2017
  • 原文地址:https://www.cnblogs.com/benbendu/p/5888780.html
Copyright © 2011-2022 走看看