`

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基础知识

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

    jquery插件使用方法大全

    用jq的前提,首先要引用一个有jq的文件 [removed][removed] 这个是jquery官方最新的地址。可用在自己网站里加个这个,就能使用jquery了。 但仍然建议下载到本地服务器上。 编辑本段找到你了!  在编写js库代码时候...

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

    直接在funcionName 里用 this 就是 对 触发时间的元素本身的引用,如果你需要funcionName有更多参数的话,可以这样用: 2.$(“:text”).bind(“keyup”,function(){ funcionName(arg1,arg2,arg3,arg4); }); 3.有个...

    jQuery详细教程

    jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。 通常会把 jQuery 代码放到 部分的事件处理方法中: 实例 ...

    jquery.corner.js最新版本【2.9】

    在script区域写入语法【打开官方网站,在每个样式的图片上的语法,注意this代表当前对象标签,换句话说,你可以把this换成一个其他名字,然后再body区域要圆角的div标签添加class去引用这个名字】 // ...

    jquery-1.3.2

    如果要为每一个jQuery 对象添加一个函数,必须把该函数指派给 $.fn,同时这个函数必须要返回一个 this(jQuery 对象) jQuery相关 《Learning jQuery:Better Interaction Design and Web Development with Simple ...

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

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

    jquery旋转插件

    需要先引用基础jquery类库 然后在引用这个 最后 //演示1 //旋转45angle $(document.body).click(function () { //方式1 $('.divOne').rotate(45); //方式2 $('.divOne').rotate({ angle: 45 }); }); ? ...

    React中jquery引用的实现方法

    在React中引用Jquery比较好玩,获取元素的数据更多 1.引入方法举例: import $ from 'jquery'; import { Button } from 'antd'; class testJquery extends React.Component {  constructor(props) {  super...

    jQuery完全实例.rar

    Everything in jQuery is based upon this, or uses this in some way. The most basic use of this function is to pass in an expression (usually consisting of CSS), which then finds all matching elements....

    jquery.autocomplete 用户输入城市名、或拼音即可有匹配的提示

    于是乎下载了一个jquery.autocomplete-1.1.3,但引用到项目后,发现几个问题,并相应做了修改: 1.中文输入后,服务端不能正常获取ajax提交的数据(此处,当然可以用相应转码,本人试了n种方便仍改),细看代码...

    轻量级jQuery聊天窗插件Chatbox.zip

     this指针:this指针经由apply或者call方法已经指向调用该方法的实例。 API(属性和方法) 全局API: 属性/方法名 类型 参数 说明 ------------------------------------------------------------------------...

    javascript的基础语法,面向对象的实现和设计模式实现

    1.对象 JavaScript 引用 2.JavaScript this 3.JavaScript 闭包 4.JavaScript 事件 5.javascript 跨域 6.javascript 命名空间 Oject-Oriented 1.JavaScript Expressive 2. Interfaces 3.Introduction 4. ...

    非常好的js项目资源,分享出来.zip

    1.对象 JavaScript 引用 2.JavaScript this 3.JavaScript 闭包 4.JavaScript 事件 5.javascript 跨域 6.javascript 命名空间 Oject-Oriented 1.JavaScript Expressive 2. Interfaces 3.Introduction 4. ...

    基于JQuery实现分隔条的功能

    在C/S系统中有专门的分隔条控件,很方便实现,但在Asp.net中却没有。本文介绍了一种使用JQuery技术实现... return this.each(function () { j = j || {}; j.Btn = j.Btn || {}; j.Btn.oBg = j.Btn.oBg || {}; j.

    非常好的javascript原理资源,分享出来.zip

    1.对象 JavaScript 引用 2.JavaScript this 3.JavaScript 闭包 4.JavaScript 事件 5.javascript 跨域 6.javascript 命名空间 Oject-Oriented 1.JavaScript Expressive 2. Interfaces 3.Introduction 4. ...

    jquery 插件学习(三)

    返回的jquery对象通常就是this所引用的对象。如果使用each()方法迭代this,则可以直接返回迭代的结果。针对上一节的示例,进一步修改 代码如下: jQuery.fn.test = function(){ return this.each(function(){ //遍历...

    jquery-react:将React与JQuery应用程序集成

    ()演示了React组件通过使用$(this)上下文修改现有JQuery Web应用程序。 该组件在其构造函数中传递了对JQuery的引用。 ReactDOM . render ( React . createElement ( MyComponent , { context : $ ( 'body' ) }...

    jQuery弹出窗口简单实现代码

    今天讲了Jquery的弹出窗口的组成和用法: 先把引用文件的代码写好: // 每个弹窗的标识 var x =0; var idzt = new Array(); var Window = function(config){ //ID不重复 idzt[x] = zhuti+x; //弹窗ID //初始化,...

    使用Ajax和Jquery实现GridView的展开、合并源码.rar

    2、 新建一个简单页面GridViewDrillDownjQueryQAjax.aspx,在此页面引用用户控件,展示用户订单列表 3、 在页面GridViewDrillDownjQueryQAjax.aspx新建两个DIV:一个用来展示会员信息,一个用来展示某个会员的...

Global site tag (gtag.js) - Google Analytics