zoukankan      html  css  js  c++  java
  • jQuery组织后续事件 事件冒泡 事件委托 键被按下 批量操作 hover input 事件

    1. jQuery绑定事件的方式
    1. $('').click(function(){})
    2. $('').on('click', function(){})
    2. 阻止后续事件执行
    1. return false;
    2. event.stopPropagation() // event表示事件本身
    2. 事件冒泡


    1. DOM中事件的特点
    3. 事件委托: 基于一个已经存在的标签给未来的标签绑定事件
    1. $('').on('click', '选择器', function(){})


    4. 常用事件
    1. 键盘事件
    1. 批量操作的例子
    2. hover(不是DOM事件,是jQuery封装的)
    接收两个匿名函数
    $('').hover(function(){鼠标移上去要做的事儿}, function(){鼠标移出去要做的事儿})
    3. input事件:只要input框的值发生变化就会触发此事件
    4. 点击事件
    5. 页面加载完毕
    1. window.onload = function(){}
    1. 存在的问题
    1. 会等到页面上的文档、图片、视频等所有资源都加载完才会触发
    2. 存在覆盖声明的问题
    2. jQuery帮我们封装的
    1. 语法
    1. $(document).ready(function(){...})
    2. $(function(){绑定事件的操作...})
    2. 优势:
    1. 只要文档加载完就会触发
    2. 不存在覆盖声明的问题
    6. 补充
    1. 动画(了解即可)
    2. each遍历工具
    1. $.each(便利的对象, function(){})
    2. $('div').each(function(){})
    3. data
    任意jQuery对象都有data方法,可以保存任意值,用来代替全局变量
    4. 扩展
    1. jQuery.extend()
    2. jQuery.fn.extend()

  • 相关阅读:
    spark
    mongdb
    redis
    mysql
    kylin
    kafka
    hadoop+hive+hbase+kylin
    git
    elasticsearch
    clickhouse
  • 原文地址:https://www.cnblogs.com/cavalier-chen/p/9816551.html
Copyright © 2011-2022 走看看