jquery动态绑定事件的方法_Jquery绑定事件及动画效果

绑定事件

bind(type, data, fuc)

one(type, data, fuc) //只执行一次

常见事件类型

名称含义blur失去焦点focus获得焦点load加载resize重置大小scroll滚动unload卸载click点击dblclick双击mousedown鼠标按下mouseup鼠标弹起mousemove鼠标移动mouseover鼠标悬停mouseout鼠标移走mouseenter鼠标移入mouseleave鼠标离开change内容改变select选中submit提交keydown有键按下keypress有键按下keyup有键弹起error有错误

判断是否显示

if($("#id").is(":visible")){  }else{ }

简化绑定事件

$(this).mouseover(function(){ //代码 })

Hover事件

hover(enter,leave)

光标移入,触发第一个事件,光标移走,触发第二个事件

$("#id").hover(function(){ //光标移入 },function(){ //光标移出 })

toggle事件

$("#id").toggle(function(){ //第一次点击 },function(){ //第二次点击 })
$(this).toggle();  //表示显示隐藏之间的切换 $(this).slideToggle();  //切换显示 $(this).fadeTo(1000,0.5); //1000ms淡化到0.5透明度

阻止事件的冒泡event.stopPropagation()

f310289db892d50e507a12fc3a1740d2.png

阻止默认事件的发生event.preventDefault()

补充:可以通过return false;阻止默认事件。

获取事件针对的对象event.target

获取光标所在页面的位置event.pageX() / event.pageY()

获取鼠标按键类型event.which() 1左键2中键3右键

移除所有的绑定事件

$("#id").unbind("click") 或 $("#id").unbind();

移除指定的事件

$("#id").unbind("click",funName);

模拟触发事件

$("#id").trigger("click"); 或 $("#id").click();

元素的显示隐藏

$("#id").show();

$("#id").hide();

 $("#id").show("slow"); //600ms  $("#id").show("normal"); //400ms $("#id").show("fast"); //200ms $("#id").hide("slow"); //600ms  $("#id").hide("normal"); //400ms $("#id").hide("fast");//200ms $("#id").show(1000);//1000ms 

元素的淡入淡出

$("#id").fadeIn(); $("#id").fadeOut();

元素延展出现或隐藏

$("#id").slideDown(); //显示 $("#id").slideUp(); //隐藏

自定义动画

animate(param,speed, callback);

$(this).animate({"left":"500px"},3000);  //三秒内,位置改变到指定地方 $(this).animate({"left":"+=500px"},3000);  //三秒内,位置改变500px $(this).animate({"left":"-=500px"},3000);  //三秒内,位置改变500px

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/537431.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

需求调研前的准备工作

1.需求调研前需要做哪些准备? 1.从各种渠道了解客户所在行业的行业信息; 2.向和对方有过业务接触的同事了解对方的信息如现哪些系统和业务流程、对方的管理组织结构是怎样的; 3.是否可以搜集到对方的一些文字情信息如业务单据、管理规范等。 …

实验 5 编写、调试具有多个段的

实验任务 (1) (2) (3) (4) 若将最后一条指令”end start“改为”end“,(3)中的程序仍然可以正常执行。 原因:如果不指明程序的入口&am…

hbuilderx的快捷键整理pdf_mac键盘快捷键详解,苹果电脑键盘快捷键图文教程

作为 Apple 最成熟的系统之一,macOS 已经成为许多人每天都在接触的生产力工具。为了帮助大家更好地了解 macOS 的生态魅力,我们整理了这份融合了文字图片和动图的mac键盘快捷键详解,希望能够帮助你掌握更多系统使用技巧。文章所有操作都基于 …

word插入图片显示不全

word插入图片,显示不全,只有部分。 调整步骤 图片尾部 光标定位到图片的尾部 单倍行距 右键,选择“段落”,行间距选择“单倍行距” 图片就完成显示了

理解 JavaScript 作用域

上一篇文章中分析了 JS 中的数据类型和变量。这一篇文章将分析作用域,以及回答上一篇文章中变量提升的原因。 什么是作用域 作用域是一套规则,保存着变量,等待被引擎所查找。 var a 1; console.log(a); // > 1 console.log(b); // >…

mysql行求和

SELECT 列1 列2 列3 …… 列N AS Total FROM 表 SELECT sum(列1 列2 列3 …… 列N) AS Total FROM 表 转载于:https://www.cnblogs.com/weilovehua/p/10024624.html

python安装后在哪里找_python安装后的目录在哪里

从官网下载python的安装包,安装过程中可选择装在C盘或D盘或者其他的磁盘。 如果忘记了安装在哪里,可以在命令行中使用以下命令 where python 会显示python的绝对路径 C:\Users\Administrator>where python C:\Users\Administrator\AppData\Local\Prog…

Axure原型设计导出到PDF文件

Axure 没有直接导出PDF文件的功能,可以通过Axure 的打印功能,选择PDF打印机,以间接的方式将原型设计导出到pdf文件里。 操作步骤 以Axure9为例 打印 Axure9---文件---打印 不要母版 预览 预览下效果,看下是否有不必要的内容 …

izoak028

离散数学 (自考) 【自考】计算机网络原理精讲(2018版)转载于:https://www.cnblogs.com/qianyindichang2/p/10025538.html

Word查找替换详细用法及通配符一览表

使用通配符 要查找“?”或者“*”&#xff0c;可输入“\?”和“\*”&#xff0c;\1\2\3依次匹配数对括号内容 查找(a)12(b) 替换\2XY\1 结果&#xff1a;bXYa ([.0-9]) [MG]B 匹配文件大小&#xff0c; 例1: 201 MB ,例2: 2.51 GB <(e*r)> 匹配“…

python pca降维_机器学习的降维打击

文章发布于公号【数智物语】 (ID&#xff1a;decision_engine)&#xff0c;关注公号不错过每一篇干货。来源 | SAMshare(id:SAMshare)作者 | samshare"本次主要讲解的内容就是特征降维&#xff0c;主要涉及PCA以及一些常见分析方法。"01Index一&#xff0c;PCA降维算…

什么样的项目是成功的?

项目成功的标准是什么&#xff1f; 项目范围控制住&#xff0c;成本没超标&#xff0c;质量达标&#xff0c;进度按计划&#xff0c;顺利验收。做到这些就是项目成功了吗&#xff1f; 答案显然是不一定&#xff01;&#xff01;! 有多少项目的成本、进度、目标都能够严格按照…

ng-notadd 0.10.1,基于 Angular7 和 material2 的中后台解决方案

更新内容修复 scss左侧导航栏美化修复导航栏 2px 间隔问题技术栈TypescriptAngularMaterial2rxjsGraphql相关链接项目地址DEMOng-notadd-mock-serverQuick startgit clone https://github.com/notadd/ng-notadd.gitcd ng-notaddnpm installnpm start# or use ng cling serve复制…

python需要什么包装_python学习之包装与授权

实现授权的关键点就是覆盖__getattr__()方法&#xff0c;在代码中包含一个对getattr()内建函数的调用。 特别调用getattr()以得到默认对象属性&#xff08;数据属性或者方法&#xff09;并返回它以便访问或调用。 特殊方法__getattr__()的工作方式是&#xff0c;当搜索一个属性…

参加技术培训前的辅导,选得对,学得好

最近几年&#xff0c;每年都会有人问我培训班的事情&#xff0c;我也有培训班经历&#xff0c;在软件行业工作了十多年&#xff0c;每次解答培训班的咨询我都很认真&#xff0c;也很高兴能帮到他人。 决定通过专栏的形式解答培训班常见问题&#xff0c;我把专栏取名“技术培训…

[算法]浅谈求n范围以内的质数(素数)

汗颜&#xff0c;数学符号表达今天才学会呀-_-# 下面是百度百科对质数的定义 质数&#xff08;prime number&#xff09;又称素数&#xff0c;有无限个。质数定义为在大于1的自然数中&#xff0c;除了1和它本身以外不再有其他因数。求质数的方法自然不少&#xff0c;但主要还是…

进入IT行业,要不要参加培训班?

IT行业介绍 考虑培训班无非是要入行,那IT行业好不好?IT行业当然好,看看培训班的数量就知道了。现在房产行业好赚钱,每个小区门口好几家中介门店,相同品牌的可能不止1家。不用去看网上的软文,也不用去问百度,看市场的反应,这是真实的反馈。培训班越来越多,课程越来越多…

python commands_Windows环境下使用python的commands.getstatusoutput

windows调用系统或其他脚本的&#xff0c;常用的是os.popen&#xff0c;次命令本身并不返回执行后的状态&#xff0c;无法用于后续的判断&#xff0c;故尝试Unix下的commands.getstatusoutput&#xff0c;发现在windows下并不能正常使用&#xff0c;如下&#xff1a; >>&…

Kubernetes在上汽集团云平台及AI方面的应用

2019独角兽企业重金招聘Python工程师标准>>> 帆一尚行成立于2015年&#xff0c;是上汽集团的全资子公司&#xff0c;建设有上海、南京、郑州&#xff08;在建&#xff09;三个数据中心&#xff0c;拥有超过4000台物理服务器&#xff0c;10PB的数据存储&#xff0c;总…

我的Java培训经历

此文讲述我的Java开发培训经历&#xff0c;来解答关心的培训费、培训节奏、就业等问题。 我在2010年参加达内Java培训&#xff0c;如今再回首那段时光&#xff0c;虽然辛苦&#xff0c;但很值得&#xff01;&#xff08;后悔参加培训班&#xff0c;大部分原因是冲动&#xff0…