`
erichua
  • 浏览: 515927 次
  • 性别: Icon_minigender_2
  • 来自: 远方
社区版块
存档分类
最新评论

JQuery读书笔记--Event属性说明

阅读更多

JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的。如获知触发时用户的环境(是否按了shift etc)。每个浏览器对event都有不同的地方,Jquery对Event做了标准化所以可以放心用。

  • 。target   这个反应触发事件的DOM对象,可以在事件冒泡的时候判断是否是事件源头(compare event.target to this)
  • .pageX:  鼠标的left属性,相对于page
  • .pageY:  鼠标的top属性,相对于page
  • preventDefault():  这个方法被调用,则原有事件就被忽略。(例如 clicked link就不会去新的Url了)
  • stopPropagation():让Jquery停止事件冒泡
  • .Data:  如果事件中还有EventData你就可以用这个属性获得对应Eventdata数据了。

 

message = 'Not in the face!';
$('#bar').bind('click', {msg: message}, function(event) {
alert(event.data.msg);
});
 

注:如果jquery事件中使用false,就相当于调用了preventDefault()和stopPropagation()。

 

3
1
分享到:
评论

相关推荐

    jquery学习笔记--1

    **jQuery学习笔记--1** jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇笔记将深入探讨jQuery的基础知识,包括其核心概念、选择器、DOM操作、事件...

    jquery-1.3.1-vsdoc.rar

    它包含了每个jQuery函数和方法的详细注释,这些注释会被Visual Studio解析,从而在编写代码时提供实时的参数信息、返回值说明等。 四、使用VSDOC提升开发效率 1. 智能感知:当在Visual Studio中使用jQuery时,输入...

    JQuery学习笔记,属性大全

    **jQuery学习笔记——属性大全** 在JavaScript的世界里,jQuery是一个非常流行且强大的库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本笔记将深入探讨jQuery中的核心属性,帮助开发者快速掌握和...

    JQuery1.3笔记.txt

    ### JQuery 1.3 笔记知识点总结 #### 属性操作 (Attribute) 1. **添加样式** - `$("p").addClass("css类名")`: 给指定的`<p>`元素添加一个CSS类名定义的样式。 2. **添加属性/值** - `$("img").attr({"属性...

    jQuery基础自学笔记(pink老师jQuery全内容)

    《jQuery基础自学笔记》 jQuery 是一款非常流行的 JavaScript 库,由 John Resig 在2006年创建,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 的设计理念是“Write Less, Do ...

    jquery UI(笔记)

    这个笔记主要涵盖jQuery UI的基本概念、核心组件、使用方法以及在实际项目中的应用。 ### 1. jQuery UI 的组成 jQuery UI 包含了以下几大部分: - **Widgets(组件)**:如对话框(Dialog)、日期选择器(Datepicker...

    jquery中event对象属性与方法小结

    JQuery读书笔记–Event属性说明 JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的。如获知触发时用户的环境(是否按了shift etc)。每个浏览器对event都有...

    JQuery学习笔记 详

    ### JQuery学习笔记详解 在本篇学习笔记中,我们将详细探讨JQuery的选择器以及一些基本用法,并结合具体的代码示例来深入理解JQuery的工作原理。 #### 选择器 1. **选择特定元素** - `$('#selected-plays > li:...

    jQuery学习笔记之控制页面实现代码

    以上就是本篇jQuery学习笔记中的知识点,涉及了jQuery的初始化、选择器、遍历、操作属性、样式以及事件处理等方面。对于希望入门或加深对jQuery控制页面实现理解的读者来说,本篇笔记提供了丰富且详细的参考资料。...

    jQuery学习笔记 jQuery API

    **jQuery学习笔记 jQuery API** jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本笔记旨在帮助开发者快速上手并深入理解jQuery的核心概念和API。 ### 1. jQuery...

    圣思源的jquery学习笔记

    笔记中会详细讲解如何使用jQuery选择器选取元素,这是jQuery的基础,包括ID选择器、类选择器、属性选择器等,以及更高级的组合选择器和伪类选择器,帮助我们精准定位页面上的任何元素。 在DOM操作方面,jQuery提供...

    笔记-JQuery

    虽然最新版本可能不支持旧浏览器,但jQuery提供了兼容老版本的选项,如使用`$.support`属性检测浏览器特性。 以上只是jQuery基础部分的核心知识点,实际应用中还有更高级的主题,如模块化开发、性能优化、AJAX的...

    jquery学习笔记

    **jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画设计和Ajax交互。由于其简洁的API和强大的功能,jQuery成为了前端开发中的首选工具之一。 ### 1. jQuery核心...

    Jquery学习笔记1

    本篇笔记主要围绕 jQuery 的基本使用方法展开,包括了 DOM 操作、选择器的使用、属性与过滤器等内容。jQuery 是一款优秀的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画等操作,并提供了强大的 ...

    JQuery经典笔记例子

    本笔记例子旨在深入解析JQuery的关键技术和实际应用,通过实例页面展示其强大功能。以下是对JQuery核心知识点的详细阐述: 1. **选择器**:JQuery的选择器类似于CSS,用于选取DOM元素。如`$("#id")`选取ID为id的...

    JQuery笔记

    例如,`$("selector").click(function() {...})`用于在元素上绑定点击事件,`event.preventDefault()`阻止默认行为,`event.stopPropagation()`则阻止事件冒泡。 **动画效果** jQuery的动画功能十分强大,`fadeIn...

    jQuery-UI 学习笔记(二) Autocomplete

    **jQuery-UI 学习笔记(二) - Autocomplete** jQuery-UI 是一个基于 jQuery 的扩展库,提供了许多用户界面组件,如对话框、日期选择器、滑块等。在本学习笔记中,我们将深入探讨 Autocomplete 功能,这是一个非常...

    JQuery学习笔记。。。。

    **jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。这个笔记主要涵盖了我在尚硅谷学习jQuery过程中所学到的关键知识点,包括基本概念、选择器、DOM...

    jquery散人笔记

    ### jQuery 散人笔记 #### 一、简介与基础概念 **jQuery** 是一个快速、简洁的 JavaScript 库。它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。jQuery 提供了一个更为简便的方式来使用常见的...

Global site tag (gtag.js) - Google Analytics