jQuery Event:
ready(fn); $(document).ready()注意在body中没有onload事件,否则该函数不能执行。在每个页面中可以
有很多个函数被加载执行,按照fn的顺序来执行。
bind( type, [data], fn ) 为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。可能的事件属性有:blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove,
mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress,
keyup, error
one( type, [data], fn ) 为每一个匹配元素的特定事件(像click)绑定一个或多个事件处理器函数。在每个对
象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。
trigger( type, [data] ) 在每一个匹配的元素上触发某类事件。
triggerHandler( type, [data] ) 这一特定方法会触发一个元素上特定的事件(指定一个事件类型),同时取消浏览器对此事件的默认行动
unbind( [type], [data] ) 反绑定,从每一个匹配的元素中删除绑定的事件。
$(”p”).unbind() 移除所有段落上的所有绑定的事件
$(”p”).unbind( “click” ) 移除所有段落上的click事件
hover( over, out ) over,out都是方法, 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。
$(”p”).hover(function(){
$(this).addClass(”over”);
},
function(){
$(this).addClass(”out”);
}
);
toggle( fn, fn ) 如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。
$(”p”).toggle(function(){
$(this).addClass(”selected”);
},
function(){
$(this).removeClass(”selected”);
}
);
元素事件列表说明
注:不带参数的函数,其参数为可选的 fn。jQuery不支持form元素的reset事件。
事件 描述 支持元素或对象
blur( ) 元素失去焦点 a, input, textarea, button, select, label, map, area
change( ) 用户改变域的内容 input, textarea, select
click( ) 鼠标点击某个对象 几乎所有元素
dblclick( ) 鼠标双击某个对象 几乎所有元素
error( ) 当加载文档或图像时发生某个错误 window, img
focus( ) 元素获得焦点 a, input, textarea, button, select, label, map, area
keydown( ) 某个键盘的键被按下 几乎所有元素
keypress( ) 某个键盘的键被按下或按住 几乎所有元素
keyup( ) 某个键盘的键被松开 几乎所有元素
load( fn ) 某个页面或图像被完成加载 window, img
mousedown( fn ) 某个鼠标按键被按下 几乎所有元素
mousemove( fn ) 鼠标被移动 几乎所有元素
mouseout( fn ) 鼠标从某元素移开 几乎所有元素
mouseover( fn ) 鼠标被移到某元素之上 几乎所有元素
mouseup( fn ) 某个鼠标按键被松开 几乎所有元素
resize( fn ) 窗口或框架被调整尺寸 window, iframe, frame
scroll( fn ) 滚动文档的可视部分时 window
select( ) 文本被选定 document, input, textarea
submit( ) 提交按钮被点击 form
unload( fn ) 用户退出页面 window
分享到:
相关推荐
- 事件处理:`$("#id").click(function() {})`,`$("#id").on("event", function() {})`。 - 动画效果:`$("#id").fadeIn()`, `$("#id").slideUp()`, `$("#id").animate({props}, duration, easing, callback)`。 ...
### 二、可编辑表格实现 #### 1. HTML结构 首先,我们需要创建一个基本的HTML表格结构,每个单元格(td)可能包含一个隐藏的输入元素,用于在编辑模式下显示。 ```html <td><span contenteditable="true">...
总结来说,`jquery.event.drag-2.0`插件是jQuery生态中一个强大的拖放解决方案,它通过丰富的事件和定制选项,使得在网页上实现拖放功能变得简单而高效。无论你是新手还是经验丰富的开发者,掌握这个插件都能提升你...
#### 二、安装与配置 1. **引入jQuery库**:首先需要确保页面已加载jQuery库。例如: ```html <script src="./jquery-1.3.2.js" type="text/javascript"> ``` 2. **引入AutoComplete插件**:接下来,需要添加...
总结,jQuery Event Drop 2.0 是一个强大且灵活的拖放解决方案,它为Web开发带来了更丰富的交互体验。理解和掌握这个插件的使用,能够极大地提升开发效率,打造出更具吸引力的用户体验。在实际项目中,可以根据需求...
**jQuery 知识总结** jQuery 是一个高效、简洁且功能丰富的 JavaScript 库,它极大地简化了 JavaScript 的DOM操作、事件处理、动画制作以及Ajax交互。jQuery 的核心特性可以概括为:选择器、DOM操作、事件处理、...
### jQuery知识点总结 #### 一、简介与基本用法 jQuery 是一款轻量级的 JavaScript 库,极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。它采用直观的语法,使得开发者能够快速地完成网页开发...
以下是对jQuery事件方法的详细总结: 1. **bind()**: `bind()` 方法允许你为一个或多个事件(如`click`、`change`等)绑定一个处理函数。当你触发这些事件时,该函数会被执行。例如: ```javascript $("button")....
**jQuery 全集与总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及Ajax交互等任务。自2006年发布以来,jQuery 已经成为了前端开发中不可或缺的一部分,因其简洁的API和...
本总结将深入探讨jQuery的核心知识点,包括选择器、DOM操作、事件处理和Ajax应用。** ### 一、jQuery选择器 jQuery 的选择器基于CSS,允许开发者通过简单的语法选取DOM中的特定元素。常见的选择器有: 1. **基本...
总结,jQuery不仅简化了JavaScript编程,还提供了丰富的功能和强大的性能。通过学习和实践jQuery,你可以构建更具交互性的网页应用,提升用户体验。这个"jQuerydemo"压缩包中的案例,将会是你学习和探索jQuery的宝贵...
### jQuery 总结文档知识点详解 #### 一、DOM 操作与读取 **1. 获取 DOM 元素的方法** - **通过 ID**: 使用 `$("#myName")` 可以根据指定的 ID 来获取 DOM 元素。这种方式非常快捷且高效。 - **通过类名**: 例如 ...
3. **事件处理**:jQuery的事件处理机制非常灵活,`$('selector').on('event', handler)`用于绑定事件,`$('selector').off('event')`取消绑定。同时,`$(document).ready(function() {...})`或`$(function() {...})...
二、jQuery的引入 引入jQuery有两种方式:通过CDN链接或本地文件。例如,在HTML文档的`<head>`部分添加以下代码可引入jQuery 2.1.4: ```html <script src="https://ajax.googleapis....
"前端开发总结精髓:75种jquery特效源码"这个资源集合了75个不同的jQuery特效,涵盖了网页交互、动画效果、用户体验优化等多个方面。下面我们将深入探讨这些特效背后的知识点,以及它们如何在实际项目中提升网站的...
3. **事件处理**:jQuery的事件处理方式也十分灵活,`$(element).click(function() {...})`定义了点击事件的处理函数,而`$(element).on('event', function() {...})`则可以绑定多种类型的事件。 4. **动画效果**:...
总结来说,`jquery.countdown.js`是一个强大且易用的jQuery倒计时插件,它提供了丰富的配置选项和良好的可扩展性。通过深入理解和应用这个插件,开发者能够快速地在网页上实现专业的倒计时功能,提升用户体验。无论...
总结,jQuery 1.1至1.3版本虽然不是最新的,但它们奠定了jQuery的基石,理解这些版本的API对于掌握jQuery的精髓至关重要。无论你是初学者还是有经验的开发者,这份参考手册都将是你的宝贵资源,帮助你更好地驾驭这个...
二、jQuery实现3D效果 1. 图片旋转:使用jQuery的`.css()`方法,动态修改图片的transform属性,例如,让图片围绕Z轴旋转: ```javascript $('.photo').css({ transform: 'rotateY(' + angle + 'deg)' }); ``` 这里...
`$(element).on('event', callback)`允许开发者在一个元素上绑定事件处理器,而`.trigger('event')`可以触发事件。 3. **动画效果**:jQuery的`.animate()`方法允许开发者创建复杂的动画效果,如淡入淡出、滑动等。...