zoukankan      html  css  js  c++  java
  • 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() 则只阻止事件往上冒泡,不阻止事件本身。

  • 相关阅读:
    js 解压缩编码列表
    js 拥有最多糖果
    js 所有奇数长度子数组的和
    js和jquery中有关透明度操作的问题
    python pandas初体验
    NumPy基础及取值操作
    python之pandas简介
    Study Plan The FortyThird day
    Study Plan The ThirtyNine Day
    Study Plan The FortySeventh Day
  • 原文地址:https://www.cnblogs.com/Doduo/p/6681685.html
Copyright © 2011-2022 走看看