• jquey常用代码


    1. 弹出层3秒后消失: $(".btn").show(300).delay(2000).hide(300);

    2. 加减操作

      //加

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

        var mount = parseInt($(".amount").val());

        if (mount < 0 || mount >= 999) mount = 0;

        else mount += 1;

        $(".amount").val(mount);

      });

      // 减

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

        var mount = parseInt($(".amount").val());

        if (mount < 1) mount = 0;

        else mount -= 1;

        $(".amount").val(mount);

       });

    3. 动态加载数据绑定事件(ios没反应,需要另外添加一个空事件onclick="")

      $(document).on('click', '#list li', function() {
          //function code here.
      });

    4.jquery on绑定多个事件 

      $(".goods_brand_ul").on({
        mouseover: function() {
          $(this).find('i').show();
        },
        mouseleave: function() {
          $(this).find('i').hide();
        }
      }, "li");

    5.阻止冒泡

    方式一:event.stopPropagation();

            $("#div1").mousedown(function(event){
                event.stopPropagation();
            });

    方式二:return false;

            $("#div1").mousedown(function(event){
                return false;
            });

    return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。

    event.stopPropagation() 则只阻止事件往上冒泡,不阻止事件本身。

  • 相关阅读:
    python第二十四课——set中的函数
    python第二十三课——dict中的函数
    python第二十二课——list函数
    10 编译PHP并与nginx整合
    09 nginx Rewrite(重写)详细解析
    07 nginx Location之正则匹配
    06 nginx Location详解之精准匹配
    JQ 修改样式
    05 nginx定时任务完成日志切割
    linux 时间与本地时间不对应解决办法
  • 原文地址:https://www.cnblogs.com/Doduo/p/6681685.html
Copyright © 2020-2023  润新知