`

jquery事件的学习

阅读更多
jQuery 事件
jQuery 事件函数
jQuery 事件处理函数是 jQuery 中的核心函数。

事件处理函数是当 HTML 中发生事件时自动被调用的函数。由“事件”(event)“触发”(triggered)是经常被用到的术语。


定义了一个处理 HTML 按钮的点击事件的 click 函数:
$("button").click(function() {..some code... } )


click 函数内部的代码隐藏所有 <p> 元素:
$("p").hide();


所有事件函数都在文档自身的“事件处理器”内部进行定义:
$(document).ready(function() {..some code...} )



jQuery 名称冲突
jQuery 使用 $ 符号作为 jQuery 的简介方式。

某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。

jQuery 使用名为 noConflict() 的方法来解决该问题。

var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。
例:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
var $jq=jQuery.noConflict();
$jq(document).ready(function(){
  $jq("button").click(function(){
    $jq("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>


jQuery 事件
下面是 jQuery 中事件函数的一些例子:

$(document).ready(function) 文档的就绪事件(当 HTML 文档就绪可用)
$(selector).click(function) 被选元素的点击事件
$(selector).dblclick(function) 被选元素的双击事件
$(selector).focus(function) 被选元素的获得焦点事件
$(selector).mouseover(function) 被选元素的鼠标悬停事件

更多事件:jQuery 参考手册 - 事件 http://www.w3school.com.cn/jquery/jquery_ref_events.asp
分享到:
评论

相关推荐

    jquery手册jquery的学习jquery的学习

    jQuery的学习需要从基础选择器和DOM操作开始,逐步深入到事件处理、动画效果和Ajax交互。配合"LAMP兄弟连"的相关资源,可以提升Web开发的全面技能。最后,使用官方API文档作为工具,能够解决实际开发中的问题,确保...

    jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结

    jQuery 是一个广泛使用的JavaScript库,由John Resig于2006年创建,它极大地简化了JavaScript编程,尤其是处理DOM操作、事件处理、动画效果和Ajax交互。jQuery 的设计目标是“write less, do more”,它通过提供简洁...

    JQuery学习网站

    这篇博文链接(https://lxy19791111.iteye.com/blog/163447)可能提供了一些关于jQuery的学习资源,虽然具体内容无法在这里直接展示,但通常这样的博客会涵盖基本概念、选择器、DOM操作、事件处理、效果和动画、Ajax...

    jQuery事件和动画.ppt

    jQuery事件和动画.,对刚学习的同学帮助很大

    jquery经典学习手册

    **jQuery经典学习手册** jQuery,一个轻量级的JavaScript库,因其简洁的API和强大的功能而深受开发者喜爱。本手册将带你逐步深入了解jQuery,从基础到高级,让你全面掌握这个强大的工具。 ### 一、jQuery简介 ...

    jquery资料--jquery学习资料

    4. **事件处理(Events)**:jQuery统一了事件处理方式,通过`.on()`、`.off()`等方法绑定和解绑事件,如`$("#button").on("click", function() {...})`监听按钮点击事件。 5. **动画效果(Effects)**:jQuery的`....

    jquery学习资料大全

    - **PDF文档**:通常会详细阐述jQuery的基本概念、选择器、事件、DOM操作、动画以及AJAX等核心内容,适合系统性学习。 - **教程**:可能包含一系列步骤,指导读者逐步学习jQuery,从安装到实际应用,涵盖各种常见...

    精选 jquery 学习资料

    jQuery是一款广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本压缩包包含的“精选jQuery学习资料”是针对这一强大的库进行深入学习的重要资源。 首先,我们...

    Jquery插件学习

    学习jQuery插件,重点在于理解插件的构造模式,如如何封装代码,如何暴露公共方法,以及如何处理选项和事件。在`js`中的文件可能就是实现特定功能的插件脚本,比如对表格的增删改查操作,排序,筛选等功能。 在学习...

    JQuery学习手册.rar

    《JQuery学习手册》是一份全面且深入的资源,旨在帮助开发者掌握JavaScript库JQuery的核心概念和实用技巧。这份手册不仅包含理论知识,还有实践应用的案例,是初学者和经验丰富的开发者提升JQuery技能的理想参考资料...

    jquery总结学习资料JQuery总结

    3. **事件处理**: 使用 jQuery 处理事件简单直观,如 `$("#button").click(function() {...})` 用于监听点击事件。 4. **DOM 操作**: jQuery 提供了方便的 DOM 操作接口,如 `append()`(添加内容到元素内部)、`...

    JQuery学习资料与源代码

    **jQuery学习资料与源代码详解** jQuery是一款广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这个压缩包中的"JQuery学习资料与源代码"包含了从基础到进阶...

    jquery完整学习文件,包括帮助文档,js库等

    jQuery是一个广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本资源包含完整的jQuery学习资料,对于初学者和进阶开发者来说都是宝贵的资源。 首先,jQuery的...

    jquery 教程 jQuery学习资料 jQuery学习

    学习jQuery,首先需要熟悉JavaScript基础,了解DOM操作和事件处理。然后,通过阅读jQuery API文档,掌握各个方法和函数的用法。实践是提升技能的关键,可以通过创建实际项目或参与开源项目来加深理解。此外,关注...

    jquery学习文档中文版

    《jQuery学习文档中文版》是面向初学者和进阶开发者的一份宝贵资源,它详尽地介绍了jQuery库的各种功能和用法。jQuery是一款强大的JavaScript库,简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务,使得前端...

    jqueryapi学习类库

    总结,jQuery API的学习涵盖了DOM操作、事件处理、动画制作和Ajax交互等多个方面。理解并熟练掌握这些知识点,将极大地提升Web开发的效率。通过不断实践和探索,你将能够运用jQuery构建出更具交互性和用户体验的网页...

    jquery零碎实例和学习心得

    `JQuery基础学习.rar` 可能包含了基础教程,涵盖了jQuery的基本语法、选择器、DOM操作、事件处理等内容,是初学者入门的好资料。 `发一个jQuery官方网站风格的api文档.rar` 提供了类似官方风格的API文档,这种格式...

    jquery基础学习插件实例大全

    在jQuery的学习过程中,首先需要理解jQuery的核心概念,包括选择器(Selector)、DOM操作、事件处理和动画效果。选择器是jQuery的灵魂,它使得选取DOM元素变得极其简单,例如`$("#id")`选取ID为"id"的元素,`$("....

    精通JQuery代码实践学习

    《精通jQuery代码实践学习》是一本旨在帮助开发者深入理解和熟练运用jQuery的教程。jQuery作为一款强大的JavaScript库,简化了HTML文档遍历、事件处理、动画设计和Ajax交互等多个方面的工作,使得JavaScript编程更为...

    JQuery学习资料

    这个“JQuery学习资料”压缩包包含了一系列与JQuery相关的学习资源,旨在帮助开发者深入理解和掌握JQuery的核心概念和实用技巧。 首先,`jquery1.4 API`是JQuery 1.4版本的官方API文档,它详细列出了该版本的所有...

Global site tag (gtag.js) - Google Analytics