JQuery的ON()方法支持的所有事件罗列_jquery

自从jQuery添加了on()和off()方法之后，基本跟事件有关的操作我不会再使用其他诸如$(‘xxx').click(function(){});之类的了。

不过jQuery的api里面没有说on里面到底可以绑定多少个事件，今天看jQuery1.8.3的源码无意间发现了这些，很开心~

下面就把on里面支持的事件列出来，共享给大家：

复制代码 代码如下:

blur
focus
focusin
focusout
load
resize
scroll
unload
click
dblclick
mousedown
mouseup
mousemove
mouseover
mouseout
mouseenter
mouseleave
change
select
submit
keydown
keypress
keyup
error
contextmenu

时间： 2024-08-03 23:09:15

JQuery的ON()方法支持的所有事件罗列_jquery的相关文章

JQuery的ON()方法支持的所有事件罗列

这篇文章主要介绍了JQuery的ON()方法支持的所有事件罗列,本文列出了所有ON()方法支持的事件,摘自jQuery1.8.3的源码,比较权威,需要的朋友可以参考下 自从jQuery添加了on()和off()方法之后,基本跟事件有关的操作我不会再使用其他诸如$('xxx').click(function(){});之类的了. 不过jQuery的api里面没有说on里面到底可以绑定多少个事件,今天看jQuery1.8.3的源码无意间发现了这些,很开心~ 下面就把on里面支持的事件列出来,共享给大

jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)_jquery

网上发现一个很有意思的jQuery旋转插件,支持Internet Explorer 6.0+ .Firefox 2.0 .Safari 3 .Opera 9 .Google Chrome,高级浏览器下使用Transform,低版本ie使用VML实现. 调用和方法: rotate(angle) angle参数:[Number] – 默认为 0 – 根据给定的角度旋转图片 例如: 复制代码 代码如下: $("#img").rotate(45); rotate(parameters)para

jQuery的Read()方法代替原生JS详解_jquery

在jQuery 3.0的版本前, ready经典用法是用一个匿名函数,像这样: $(document).ready(function() { // Handler for .ready() called. }); jQuery 3.0 ready() 变化 在jQuery 3.0发布之前,有以下几种方法称之为ready方法:     在document元素上操作: $(document).ready(handler);     在空元素上操作: $().ready(handler);     或

浅谈jquery的html方法里包含特殊字符的处理_jquery

在使用jquery的html()方法时,有时候里面添加的html代码含有一些特殊字符,需要进行转义. 如下例子: inst_html = "<a style=color:white' onmouseover = '"; inst_html += "javascript:showme('"+inst.instId+"_"+valId+"');"; inst_html += "' "; $("#

jquery使用each方法遍历json格式数据实例_jquery

本文实例讲述了jquery使用each方法遍历json格式数据的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

jQuery使用hide方法隐藏元素自身用法实例_jquery

本文实例讲述了jQuery使用hide方法隐藏元素自身用法,分享给大家供大家参考.具体如下: 下面的JS代码实现让按钮点击后将自己隐藏起来 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(

jQuery使用getJSON方法获取json数据完整示例_jquery

本文实例讲述了jQuery使用getJSON方法获取json数据.分享给大家供大家参考,具体如下: demo.js: [ { "name":"吴者然", "sex":"男", "email":"demo1@123.com" }, { "name":"吴中者", "sex":"男", "email&q

jQuery的load()方法及其回调函数用法实例_jquery

本文实例讲述了jQuery的load()方法及其回调函数用法.分享给大家供大家参考.具体如下: 下面的js代码演示了jQuery的load()方法的使用,并演示了带回调函数(callback)的load方法的使用 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(fun

jQuery使用fadein方法实现渐出效果实例_jquery

本文实例讲述了jQuery使用fadein方法实现渐出效果的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码通过jQuery的fadein方法控制指定色块逐渐显示的功能 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("