分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

jQuery事件

发布时间:2023-09-06 02:03责任编辑:傅花花关键词:jQuery

事件
???* 1、添加事件
???* ??1.1 直接绑定事件click、mouseover、mouseleave、mouseenter......
???* ??????$(‘#div‘).click
???* ??1.2 绑定事件
???* ??????bind ?为匹配的元素绑定事件 ?上面的1.1是bind的简写形式
???* ??????????$(‘#div‘).bind(‘click‘, function(){
???*
???* ??????????})
???* ??????????使用方式:
???* ??????????jq对象.bind(eventType, fn)
???* ??????????eventType ??事件类型 ?click、mouseover、mouseleave、mouseenter......
???* ??????????fn ?回调函数
???*
???* ??????????bind:
???* ??????????????1、只能给既存元素绑定事件
???* ??????????????2、没有事件委托
???*
???* ??????????????事件委托:利用了冒泡的原理
???* ??????????????return false ?= ??e.stopPropagation() + e.preventDefault();
???*
???* ??????on ?为匹配的元素绑定事件
???* ??????one ??只是执行一次绑定事件,执行完一次后,自动解除绑定
???* ??????trigger ?为匹配的元素执行事件
???* ??????trigger 与 triggerHandlerd的区别
???* ??????相同点:
???* ??????????功能一样
???* ??????不同点:
???* ??????????triggerHandler没有冒泡,不会触发浏览器默认事件
???*
???* 2、事件委托
???* ???on
???* ???live
???* ???delegate
???????* ???例如:
???????* ???$(‘#div1‘).on(‘click‘, ‘.del‘, function(){
???????????????$(this).parent().remove();
????????????})
???*
???* 3、删除(解绑)事件
???* ??on ?????????????off ?off可以解绑所有事件的绑定
???* ??bind ???????????unbind
????* ?delegate ???????undegate
???* ??live ???????????die
???*
???* 4、复合事件
???* ??toggle
???* ??hover

jQuery事件

原文地址:https://www.cnblogs.com/mapsxy/p/9291944.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved