博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquey常用代码
阅读量:5294 次
发布时间:2019-06-14

本文共 1049 字,大约阅读时间需要 3 分钟。

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没反应,需要另外添加一个空事件οnclick="")

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

转载于:https://www.cnblogs.com/Doduo/p/6681685.html

你可能感兴趣的文章
动态规划 例子与复杂度
查看>>
[BZOJ4567][SCOI2016]背单词(Trie+贪心)
查看>>
查看oracle数据库的连接数以及用户
查看>>
【数据结构】栈结构操作示例
查看>>
中建项目环境迁移说明
查看>>
三.野指针和free
查看>>
activemq5.14+zookeeper3.4.9实现高可用
查看>>
TCP/IP详解学习笔记(3)IP协议ARP协议和RARP协议
查看>>
简单【用户输入验证】
查看>>
python tkinter GUI绘制,以及点击更新显示图片
查看>>
Spark基础脚本入门实践3:Pair RDD开发
查看>>
HDU4405--Aeroplane chess(概率dp)
查看>>
CS0103: The name ‘Scripts’ does not exist in the current context解决方法
查看>>
20130330java基础学习笔记-语句_for循环嵌套练习2
查看>>
Spring面试题
查看>>
窥视SP2010--第一章节--SP2010开发者路线图
查看>>
MVC,MVP 和 MVVM 的图示,区别
查看>>
C语言栈的实现
查看>>
代码为什么需要重构
查看>>
TC SRM 593 DIV1 250
查看>>