【关于jQuery的$.proxy()应用.】的更多相关文章

jQuery中$.proxy()的原理和使用

jQuery.proxy(),接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文(context )语境. jQuery.proxy( function, context ) function:将要改变上下文语境的函数. context:函数的上下文语境(`this`)会被设置成这个 object 对象. jQuery.proxy( context, name ) context:函数的上下文语境会被设置成这个 object 对象. name:将要改变上下文语境的函数名(这个…

JQuery之proxy实现绑定代理

在javascript中,this指代的对象时常会变化,这会造成程序,混乱,一般做法就是先将this保存在一个变量中,就不怕她变了,我们先看一个小例子 var A = function(){ this.star = functiont(){}; this.beg = function(){ var that = this; $node.click(function(){ //this.start();//这里的this指代的是$node对象 that.start(); }); }; } JQue…

关于jQuery的$.proxy()应用.

今天在看<<锋利的jQuery>>时看到了proxy()的使用,感觉很模糊,就到处找资料. jQuery的源码也没看明白. 不过总算明白了proxy的用法了; <input type="button" value="测试" id="guoBtn" name="我是按钮的name"/> var obj = { name: "我是obj的name", sayName: fun…

jquery函数$.proxy简单示例

来自于<jquery 权威指南> ------------------------------ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&quo…

jQuery 之$.proxy() 方法

定义和用法 $.proxy 方法接受一个已有的函数,并返回一个带特定上下文的新的函数. 该方法通常用于向上下文指向不同对象的元素添加事件. 参数 描述 function 要被调用的已有的函数. context 函数所在的对象的名称. name 已有的函数,其上下文将被改变(应该是 context 对象的属性). 具体实例1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww…

关于jquery.bind

  随着现在JQuery这个javascript的越来越强大,在我们平常的前端UI开发,如果不使用JQuery,说明你已经很out了.今天我们来学习一下 JQuery的bind事件.虽然,这个话题被很多写了很多,但我还是想自己在这里班门弄斧一下,希望各位看官不要喷.如果有什么意见,可以直接进行交流,共同进步. JQuery 官网的Bind事件的API吧:地址连接.如果各位有兴趣看洋文的,可是去看看. 刚开始我们先看一下它的定义: .bind( eventType [, eventData], h…

HTML中动态图片切换JQuery实现

相信很多同学都注意到了,各大新闻或者娱乐网站都含有动态图片切换,那个漂亮的感觉让刚刚学习html的人,都非常好奇和心动.那下面就让我们看一下到底如何实现动态图片切换呢?看一下百度贴吧的效果图吧~ // JavaScript Document var t = count = n = 0; $(function(){ $(".big_img a:not(:first)").hide(); $(".link_nav a:not(:first)").hide(); $num…

jQuery的发展史

jQuery的发展史,你知道吗? 每天多学一点知识,就少写一行代码2006年1月,jQuery的第一个版本面世,至今已经有6年多了(注:这个时间点是截止至出书时间).虽然过了这么久,但它依然以其简洁.灵活的编程风格让人一见倾心.在本篇文章中,我们将讲述jQuery的发展历史,让读者对jQuery有更多的了解. 2005年8月,John Resig提议改进Prototype的“Behaviour”库,于是他在blog上发表了自己的想法,并用了3个例子做说明. 第一个例子是为元素注册一个事件:Beh…

JQuery 的Bind()事件

刚开始我们先看一下它的定义: .bind( eventType [, eventData], handler(eventObject)) .Bind()方法的主要功能是在向它绑定的对象上面提供一些事件方法的行为.期中它的三个参数的意义分别如下:  eventType是一个字符串类型的事件类型,就是你所需要绑定的事件.这类类型可以包括如下:blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, m…

jQuery 源码学习笔记

//检测 window 中新增的对象 //first var oldMap = {}; for(var i in window) { oldMap[i] = 1; } //second for(var i in window) { if(oldMap[i]) continue; alert(i); } $()选择器获取到的既不是一个dom元素,也不是节点列表,而是一个新的对象 $() 不传入任何参数会返回一个空的jquery对象 //google cdn获取jquery <script type…

jQuery的发展史，你知道吗？

2006年1月,jQuery的第一个版本面世,至今已经有6年多了(注:这个时间点是截止至出书时间).虽然过了这么久,但它依然以其简洁.灵活的编程风格让人一见倾心.在本篇文章中,我们将讲述jQuery的发展历史,让读者对jQuery有更多的了解. 2005年8月,John Resig提议改进Prototype的“Behaviour”库,于是他在blog上发表了自己的想法,并用了3个例子做说明. 第一个例子是为元素注册一个事件:Behaviour.register({'#example li': f…

手写JQuery 的框架的实现

JQuery的好处 快速上手(学习成本低) 开发效率高(选择器.批量操作 DOM.链型操作--) 一系列的封装(动画.ajax) 浏览器兼容(1.x版本 兼容IE6.7.8) JQuery 1.11.3.js(1.x经典版本) 性能不好(源代码文件略大) JQuery 2.2.4(2.x经典版本) 性能略好(源代码文件略小) 不是 HTML5 的实现 2.x版本对于1.x版本来说,API向下兼容 div.animate({left: 200}, 1000)在2.2.4版本之后编译不会报错,但是没…

jQuery快速入门知识重点

1.jquery中attr与prop的区别   attr:是通过setAttribute 和 getAttribute来设置的使用的是DOM属性节点   prop:是通过document.getElementById()[name] = value 来实现的,通常用来设置checked selected   2.window.onload.window.onresize.window.onscroll.$(document).ready(function(){})四者的区别   1.window…

jQ1.5源码注释以及解读RE

jQ作为javascript的库( ▼-▼ ), 尽善尽美, 代码优美,  值得学习.  这一周平常上班没啥事也看jQ1.5的代码, 今天周六差不多看完了(Sizzle部分还没看), 重新看了一下, 又有很多新东西; 相对与1.4版本的ajax部分, 整个进行了重写, 实在是坑爹,  现在还有很多没弄懂,  ajax可以非常简单地: var xhr = new XMLHttpReques || new window.ActiveXObject("Microsoft.XMLHTTP");…

jQuery1.4源码解读

来吧, 慢慢折腾吧 总结一下: jq1.4挺简单的, 正则写的不多, 看的都懂, 多写一些 三目写法到底要不要 特殊的地方的注释一定要有 /*! * jQuery JavaScript Library v1.4 * http://jquery.com/ * * Copyright 2010, John Resig * Dual licensed under the MIT or GPL Version 2 licenses. * http://docs.jquery.com/License *…

立即执行函数(IIFE)的理解与运用

作为JavaScript的常用语法,立即执行函数IIFE(Immediately-Invoked Function Expression)是值得我们认真去学习探究的. 一.创建函数的两种方式 我们先从基础讲起,要创建一个JS函数,有两种方式. (一)函数定义(Function Declaration) function Identifier ( Parameters ){ FunctionBody } 函数定义中,参数(Parameters)标识符(Identifier )是必不可少的.如果遗漏…

bind() unbind()绑定解绑事件

.bind( eventType [, eventData], handler(eventObject)) 本文实例分析了JQuery中Bind()事件用法.分享给大家供大家参考.具体分析如下: .Bind()方法的主要功能是在向它绑定的对象上面提供一些事件方法的行为.期中它的三个参数的意义分别如下: eventType是一个字符串类型的事件类型,就是你所需要绑定的事件.这类类型可以包括如下:blur, focus, focusin, focusout, load, resize, scroll…

bind，unbind，one

刚开始我们先看一下它的定义: .bind( eventType [, eventData], handler(eventObject)) .Bind()方法的主要功能是在向它绑定的对象上面提供一些事件方法的行为.期中它的三个参数的意义分别如下:  eventType是一个字符串类型的事件类型,就是你所需要绑定的事件.这类类型可以包括如下:blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, m…

jqu

1 /*2 * 说明:3 * 本源代码的中文注释乃Auscarlin呕心沥血所作.旨在促进jQuery的传播以及向广大jQuery爱好者提供一个进阶4 *的途径,以让各位更加深入地了解jQuery,学习其中有用的技术,从而为振兴中华JS出一份绵薄之力...(说大了...)5 *6 *本文件保留了jQuery代码原来的英文注释,个别语句我在其旁列出了尝试性的翻译(并标明这是翻译).水平有限希望读者能斟酌.7 *另外,本中文注释不是简单将原文翻译(jQuery作者那少得可怜的注释根本不足以让我们读通…

21种JavaScript设计模式最新记录（含图和示例）

最近观看了<Javascript设计模式系统讲解与应用>教程,对设计模式有了新的认识,特在此做些记录. 一.UML 文中会涉及众多的UML类图,在开篇需要做点基础概念的认识.以下面的图为例,图片和说明均来源于<大话设计模式>一书. (1)矩形框,它代表一个类.类图分三层,第一层显示类的名称,如果是抽象类,则用斜体显示.第二层是类的特性,通常就是字段和属性.第三层是类的操作,通常是方法或行为.前面的符号,+ 表示public,- 表示private,# 表示protected. (2…

个人对JQuery Proxy()函数的理解

转载至:http://www.cnblogs.com/acles/archive/2012/11/20/2779282.html JQuery.proxy(function,context): 使用context代替function中的context. 比如: var you = { type: "person", test: function(event) { $("#log").append( this.type + " " ); } $(&…

jquery工具方法proxy

proxy : 改变this指向 使用方法1:function show(){ alert(this); }$.proxy(show,document)();  //document 使用方法2:function show(n1,n2){ alert(n1); alert(n2); alert(this); }$.proxy(show,document)(3,4);  //document  3  4$.proxy(show,document,3,4)();  //document  3  4$…

jquery $.proxy使用

在某些情况下,我们调用Javascript函数时候,this指针并不一定是我们所期望的那个.例如: //正常的this使用 $('#myElement').click(function() { // 这个this是我们所期望的,当前元素的this. $(this).addClass('aNewClass'); }); //并非所期望的this $('#myElement').click(function() { setTimeout(function() { // 这个this指向的是setti…

【转】个人对JQuery Proxy()函数的理解

原文地址:http://www.cnblogs.com/acles/archive/2012/11/20/2779282.html JQuery.proxy(function,context): 使用context代替function中的context. 比如: var you = { type: "person", test: function(event) { $("#log").append( this.type + " " ); } $(…

jQuery.proxy()函数

jQuery.proxy(),接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文(context)语境.   context 代表上下文 name是上下文的某个属性 jQuery.proxy (context.name, context) jQuery.proxy (context, "name") 上面两条语句的功能是一样一样的   举例: $.post(url, {}, $.proxy(this.function, this));//function指代函数名…

jQuery的delegate()与proxy()方法

1. jQuery 事件 - delegate() 方法 定义和用法 delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数. 使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素). $("div").delegate("button","click",function(){ $("p").slideToggle();…

jQuery proxy详解

第一次接触jQuery.proxy()时感觉这个方法不实用,不明白它到底是个什么意思.今天来将jQuery官网上的解释进行一下翻译,顺便添加自己的理解和一些示例.proxy也可称为代理. jQuery.proxy( function, context ) Returns: Function 通过这第一句话我们知道,jQuery.proxy传递的第一个参数是函数类型,第二个参数是上下文context,返回值也是一个函数. JQuery API Document 上的描述是: 接受一个函数并且返回一…

jquery.proxy的四种使用场景及疑问

作者:zccst 其实只有两种使用方式,只不过每一种又细分是否传参. 先给一段HTML,后面会用来测试: <p><button id="test">Test</button></p> <p id="log"></p> 1,jQuery.proxy(function, context); 使用context作为function运行上下文(即this) 2,jQuery.proxy(function…

jquery proxy

slice = Array.prototype.slice,// Bind a function to a context, optionally partially applying any // arguments. proxy: function( fn, context ) { if ( typeof context === "string" ) { var tmp = fn[ context ]; context = fn; fn = tmp; } // Quick chec…

jQuery.proxy() 函数详解

jQuery.proxy()函数用于改变函数的上下文. 你可以将指定函数传入该函数,该函数将返回一个新的函数,其执行代码不变,但函数内部的上下文(this)已经被更改为指定值. 该函数属于全局的jQuery对象. 语法 jQuery 1.4 新增该静态函数.jQuery.proxy()函数有如下两种用法: 用法一: jQuery.proxy( function, context [, additionalArguments ] ) 将函数function的上下文对象更改为指定的context.…