[JQuery 学习笔记] 解除事件绑定 unbind()

unbind() ：解除事件绑定

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>5-2 解除绑定事件 </title><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script><script>$(function(){// 向页面中已经存在的元素添加事件: event()// 点击img元素，并随即切换成其他的图片$('img').click(function(event){var num = Math.floor(Math.random()*3+1);  // 生成一个变量，对应图片的名字$(this).attr('src','image/'+num+'.jpg');// 解除绑定$(this).unbind('click');})});</script>
</head>
<body><img src="1.jpg" width="100"></body>
</html>

[JQuery 学习笔记] 解除事件绑定 unbind()相关推荐

jQuery学习笔记：事件
一.页面载入 1.ready(fn) 当DOM载入就绪可以查询及操纵时绑定一个要执行的函数. 这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度. 简单地说,这个方法纯粹是对 ...
Mr.J-- jQuery学习笔记(九)--事件绑定移除冒泡
目录事件绑定页面渲染 eventName(fn) on(eventName, fn) 事件移除定义和用法语法 $(selector).off(event,selector,function(e ...
jQuery学习笔记之DOM操作、事件绑定（2）
jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定源码地址: https ...
jQuery学习笔记之unbind()
jQuery学习笔记之.unbind() 本文目标 1 了解.unbind()的几种调用方式及其参数含义 2 了解通过函数名解绑事件 3 了解利用命名空间解绑事件学习资料官方描述文档: http: ...
javaweb（03） jQuery学习笔记
javaweb(03) jQuery学习笔记 jQuery介绍什么是jQuery jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 ...
jQuery学习笔记（二）
jQuery学习笔记(二) 二.管理jQuery包装集 1.创建新的元素使用HTML DOM 创建元素 var select=document.createElement("select& ...
jquery学习笔记及常用函数封装
二.JQuery 学习笔记及常用函数封装 https://download.csdn.net/download/weixin_42530002/13087988 1.JQuery入门 (1).css选 ...
JavaScript 学习笔记 - 挂载事件 Demo
JavaScript 学习笔记 - 挂载事件 Demo 例子 addEventListener 监听事件挂载事件的同时带上参数 dispatchEvent 触发事件 removeEventListe ...
jQuery学习笔记--目录
jQuery学习笔记--Helloworld jQuery学习笔记--DOM对象和jQuery对象 jQuery学习笔记--jQuery选择器 jQuery学习笔记--jQuery的DOM操作 jQu ...

[JQuery 学习笔记] 解除事件绑定 unbind()

[JQuery 学习笔记] 解除事件绑定 unbind()相关推荐

最新文章

热门文章