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

  • 相关阅读:
    10.21SQL注入
    10.15计网相关
    10.11php+mysql
    10.10 接在10.8随笔中
    10.9 利用微信dll反弹shell复现
    10.8php续
    9.29 接9.27PHP相关
    java泛型
    java集合之Map接口
    java集合之Collection接口
  • 原文地址:https://www.cnblogs.com/Doduo/p/6681685.html
Copyright © 2011-2022 走看看