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

posted @ 2017-04-08 13:43  CorderBob  阅读(243)  评论(0编辑  收藏  举报