一、jquery的自定义事件

1.自定义事件不能通过eventName()来添加,只能通过on来绑定

2.自定义事件需要通过trigger(自动触发)来进行触发

二、jauery事件命名空间

1.事件必须通过on来绑定  ;通过给事件名称后 .  的方法来为事件进行命名;在执行时使用trigger(事件+命名);

2.利用trigge触发子元素命名空间的事件,那么父元素带有相同命名空间的事件也会被触发(触发事件冒泡);而父元素没有命名空间的元素不会被触发;

利用trigge触发子元素不命名空间的事件,那么子元素与父元素有无命名空间的带有相同类型事件的都会被触发

三、jquery事件委托

事件委托就是请别人帮忙做事情,然后将事件返回给我们,

这里我们用到delegate()方法,EG:$ ( " ul ").delegate("li",“click”, function (  ) {  } );此句的意思为将li的点击事件委托给ul来完成,最终将返回结果提交给li,

此方法可以用来给未添加的DOM元素来提前添加事件。

四、jquery移入移出事件

1.mouseover移入事件,mouseout移出事件(会触发事件冒泡);

2.mouseenter移入事件,mouseleave移出事件(不会触发事件冒泡);

3.在同时监听移入移出事件时,使用hover方法。hover中有两个参数,第一个为鼠标移入时的回调函数,第二个为鼠标移出时的回调函数(不会触发事件冒泡),

如果传递一个参数的话,那么这个回调函数就会即监听移入事件,又监听移出事件;

今天的代码量有点少了确实,是因为之后有动画系列的博客,明天开始jquery的一些常用模板书写,望封装到自己的函数代码中

jquery学习总结24-36的更多相关文章

  1. 大量Javascript/JQuery学习教程电子书合集

    [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人   不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pd ...

  2. [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人

    不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pdf 274.79 KB   21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...

  3. jQuery学习之路(1)-选择器

    ▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript ...

  4. jquery学习(一)

    简单的jquery学习,首先在页面引入jquery <!-- 引入jquery --> <script src="js/jquery-1.8.3.js" type ...

  5. jQuery学习笔记(一)jQuery选择器

    目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...

  6. jQuery 学习笔记

    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...

  7. jQuery学习笔记(一):入门

      jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...

  8. jQuery学习笔记 - 基础知识扫盲入门篇

    jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...

  9. 很不错的jQuery学习资料和实例

    这些都是学习Jquery很不错的资料,整理了一下,分享给大家. 希望能对大家的学习有帮助. 帕兰 Noupe带来的51个最佳jQuery教程和实例, 向大家介绍了jQuery的一些基本概念和使用的相关 ...

  10. jquery学习以及下载链接

    jquery学习链接 http://www.w3school.com.cn/jquery/jquery_intro.asp jquery 脚本库下载链接 http://jquery.com/downl ...

随机推荐

  1. idea相关

    一些小技巧 ctrl + n 全文搜索文件,未搜索不能关闭,搜索过一个文件,并打开后自动关闭 鼠标点击idea之外也会关闭 双击shift 搜索所有文件 ctrl + d 向下复制一行 idea导入的 ...

  2. Linux 下安装 tomcat

    前提:已经安装配置好了 JDK 1.下载二进制文件 wget http://us.mirrors.quenda.co/apache/tomcat/tomcat-9/v9.0.19/bin/apache ...

  3. fread,fwrite

  4. ftp的主动模式和被动模式的配置和区别

    原文链接: https://www.cnblogs.com/lnlvinso/p/8947369.html ftp模式分为主动模式(active mode)和被动模式(passive mode),ft ...

  5. Task的在主线程处理异常信息的Helper类

    最近使用task时候需要把异常记录日志,直接注入非单例模式的实例进入异步线程,在高并发情况下会出现一些问题. 所以需要把异常反馈给主线程 ,并且不在主线程里进行等待,研究相关资料后,自己写了一个简单的 ...

  6. 页面启动jquery

  7. 关于ASP.NET 服务器报错 Server Error in '/' Application Runtime Error 错误及解决方法

    今天遇到一个错误 程序在服务器上运行时报错 先贴上错误代码 自己也在网上找了一些解决方法,把错误定位到服务器的配置文件也就是Web.config的问题, 于是在system.web节点下 加上cust ...

  8. 云笔记项目-MyBatis返回自增类型&堆栈对象补充理解

    在云笔记项目中,讲到了MySql的自增,MyBatis查询到自增类型数据后可以设置返回到参数属性,其中学习了MySql的自增写法,堆栈对象等知识. MySql数据类型自增 建立一张Person表,其中 ...

  9. Babel 6 概述

    babel-core 只转换语法(如箭头函数) babel-polyfill 由core-js和regenerator runtime组成. 1 core-js用来支持新的全局变量(例如 Promis ...

  10. Java8-函数式接口理解及测试

    1.  函数式接口的理解 根据重构的思想,需要把容易变化的模块进行抽象并封装起来,从这个点来看,Java8新引入的函数式接口就是基于这个思想进行设计的. 2. 函数式接口定义 2.1 自定义如下 需要 ...