`

jquery的事件的this引用

阅读更多

 

用惯了Ext的事件监听函数,可以引用this.[function],但发现jquery中不支持这种写法。

 

Ext写法,这种写法很清析:

 

var class1 = function(){
 hello: "hello",
 MyFunction: function {
    Ext.get("div1").addListener("click", this.divClickHandler, this);
 },

 divClickHandler: function(){
     //这里可以引用到 this.hello
  }
}

 

jquery把this重新维护了。只能这样写:

 

var class=function(){
  MyFunction: function {
    var _this = this;
    $("#div1").click(function(){_this.divClickHandler()});
  },

   divClickHandler: function(){
                //这里可以引用到 this.hello了
    }
} }

 

 

 

 

 

分享到:
评论

相关推荐

    关于jQuery-Ui的引用文件

    同样将其放置在页面的 `<head>` 或 `<body>` 标签底部,但需确保在引用 CSS 文件之后,jQuery 文件之前: ```html <script src="path/to/jquery-ui.min.js"> ``` ### 2. 主题系统 jQuery UI 提供了一个强大的主题...

    jquery A标签onclick事件

    ### jQuery 下 A 标签 onclick 事件处理 在前端开发中,经常需要为页面中的元素绑定事件处理函数,其中 `onclick` 事件是最常见的交互方式之一。jQuery 是一个流行的 JavaScript 库,它提供了简单易用的方法来处理...

    详解jQuery事件

    事件上下文是指在事件处理程序中,`this` 关键字引用的是触发事件的原生DOM元素。如果需要使用jQuery方法,需要先将 `this` 转换为jQuery对象,如 `var $this = $(this);`。 事件委托是jQuery事件处理的一大优势,...

    jquery绑定click事件传递参数

    本文将深入探讨如何使用jQuery来绑定click事件,并传递参数。 首先,`click`事件是jQuery中用于监听元素被点击时触发的事件。它允许我们在用户点击DOM元素时执行特定的函数或代码块。基本的用法是在目标元素上调用`...

    详谈jQuery中的this和$(this)

    在JavaScript和jQuery的世界里,`this` 和 `$(this)` 是两个经常被提及的关键概念,它们在处理DOM操作和事件处理中扮演着重要的角色。理解它们的区别和应用场景对于编写高效、简洁的jQuery代码至关重要。 首先,`...

    jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理

    这里,`this.originalEvent`是jQuery包装后的事件对象,它包含了原生事件的引用。当`stopPropagation`被调用时,如果原生事件对象有`stopPropagation`方法,那么就调用它,从而阻止冒泡。需要注意的是,`...

    jquery捕获鼠标事件提示.zip

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本教程将深入探讨如何使用jQuery来捕获鼠标事件并创建提示效果。 首先,`index.html`是网页的结构文件...

    JQuery 绑定事件时传递参数的实现方法

    在事件处理函数内部,`this`关键字默认引用的是触发事件的元素。所以,如果你只需要传递触发事件的元素本身,可以直接在函数中使用`this`,例如: ```javascript $(“:text”).bind(“keyup”, function() { ...

    最全面的jQuery基础知识

    jQuery元素属性、jQuery元素内容、jQuery动态创建内容、jQuery删除节点、jQuery事件处理、jQuery文档就绪的四种写法、jQuery事件绑定和解除绑定、jQuery事件切换、jQuery实现toggle功能、jQuery插件、jQuery插件实用...

    js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法

    页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,...别忘了引用jquery类库 $(window).scroll(function () { var scrollTop = $(this).scrollTop();

    jquery插件.rar

    在Web开发领域,jQuery是一个广泛应用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作等任务。jQuery插件是jQuery生态系统的重要组成部分,它们扩展了jQuery的核心功能,提供了丰富的用户...

    jQuery获取this当前对象子元素对象的方法

    在JavaScript和jQuery中,`this`关键字经常被用于引用当前上下文的对象,特别是在事件处理函数中。当涉及到DOM操作时,`this`通常指的是触发事件的元素。在本例中,我们将探讨如何在jQuery中利用`this`来获取当前...

    JQuery插件

    HTML文件通常会包含JQuery库的引用,以及调用插件的代码,如: ```html <!DOCTYPE html> , initial-scale=1.0"> <title>JQuery插件示例 <script src="https://code.jquery.com/jquery-3.x.min.js"></script> ...

    教你如何做一个自己的jQuery插件,jQuery扩展笔记

    此外,可以使用`this`关键字引用当前选中的jQuery元素,以便在插件内部操作它们。 ```javascript function share(options) { var settings = $.extend({}, defaults, options); this.each(function() { var ...

    jquery相关插件js

    // 在这里编写插件逻辑,可以使用this来引用当前匹配到的元素 }); return this; // 保持链式调用 }; ``` 三、jQuery插件示例 1. `Jquerycygjjh`:这个文件可能是一个自定义的jQuery插件,用于特定的功能实现,...

    Jquery jar包

    2. **事件处理**:jQuery简化了事件绑定,如`$(selector).on('event', function() {...})`,可以为指定元素绑定事件处理器。 3. **选择器**:jQuery扩展了CSS选择器,使得选取页面元素更为简单,如`$('div.class')`...

    Jquery实现下拉菜单

    在VS2008中,你可以在HTML页面中直接添加这段jQuery代码,或者将它放入单独的JS文件中并引用。确保jQuery库在你的代码之前加载,否则代码将无法正常工作。 总结,通过结合HTML、CSS和jQuery,我们可以创建具有交互...

    xapges引用jquery

    在XPages应用开发中,jQuery是一个非常常用的JavaScript库,它提供了丰富的DOM操作、事件处理、动画效果以及Ajax交互等功能,极大地简化了JavaScript编程。本文将详细介绍如何在XPages环境中引用和使用jQuery。 ...

    Jquery倒数计时插件

    1. **引入jQuery库**:确保页面中已经包含了jQuery库的引用。 2. **引入插件**:将插件的JavaScript文件添加到HTML文件中。 3. **选择元素**:在HTML中选择一个元素作为倒计时的显示区域。 4. **初始化插件**:使用...

Global site tag (gtag.js) - Google Analytics