首页 > 代码库 > jQuery 之$.proxy() 方法
jQuery 之$.proxy() 方法
定义和用法
$.proxy 方法接受一个已有的函数，并返回一个带特定上下文的新的函数。
该方法通常用于向上下文指向不同对象的元素添加事件。
| 参数 | 描述 |
|---|---|
| function | 要被调用的已有的函数。 |
| context | 函数所在的对象的名称。 |
| name | 已有的函数，其上下文将被改变（应该是 context 对象的属性）。 |
具体实例：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></title> 5 <script src=http://www.mamicode.com/"Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 6 <script type="text/javascript"> 7 $(function () { 8 var initItem = function () { 9 this.$item = $("<div style=‘width:200px;height:100px;background:#ccc;‘></div>");10 this.initClick = function () {11 var that = this; //这个this指的是initItem12 // this.$item.click(function () {13 // alert($(this).css("width")); //这个this指的是item,结果：200px14 // that.aa();//alert(2)15 // });16 17 18 // this.$item.click($.proxy(function () {19 // this.aa();//结果alert(2);20 // }, this)); //这个this指的是initItem21 22 var o = {23 name: "wowoowwo",24 test: function () {25 alert(this.name);26 }27 };28 // this.$item.click($.proxy(bb.test, bb));29 this.$item.click($.proxy(o, "test"));//$.proxy()用这个代理可以访问对象o里面的私有name30 };31 this.appendH = function () {32 $(".main").append(this.$item);33 };34 this.init = function () {35 this.initClick();36 this.appendH();37 };38 this.aa = function () {39 alert(2);40 };41 this.init();42 }43 initItem();44 })45 </script>46 </head>47 <body>48 <div class="main"></div>49 </body>50 </html>
jQuery 之$.proxy() 方法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。