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() 则只阻止事件往上冒泡,不阻止事件本身。

  • 相关阅读:
    说说Java中的代理模式
    一个奇怪的异常
    JDBC第二次学习
    浅谈事务
    JDBC第一次学习
    Firebug & Chrome Console 控制台使用指南
    js 事件创建发布
    vue ui之 iview 事件拦截
    fetch获取json的正确姿势
    js对象通过属性路径获取属性值
  • 原文地址:https://www.cnblogs.com/Doduo/p/6681685.html
Copyright © 2011-2022 走看看