jQuery $.proxy()

news/2024/7/10 23:00:04 标签: jquery, proxy

转载

javascript

/**
* jQuery基础知识 proxy函数测试
* http://stackoverflow.com/questions/4986329/understanding-proxy-in-jquery 
**/

$(document).ready(function() {
    var objPerson = {
        name: "John Doe",
        age: 32,
        test: function() {
            $("p").html("Name: " + this.name + "<br> Age: " + this.age);
        }
    };

    $(".proxy").click($.proxy(objPerson, "test"));
    $(".normal").click(objPerson.test);

});

CSS

button {
    border: 1px solid #333;
    padding: 10px 15px;
    background: transparent;
}

html

<button class="proxy">Run test function with proxy</button>
<button class="normal">Run test function</button>
<p></p>

结论

点击class是proxy的按钮,可以出来name和age,normal则没有, $.proxy最终就是要保证你的function里面的this是你想要的


http://www.niftyadmin.cn/n/1614937.html

相关文章

Hadoop必将风靡2012年的六个理由

毫无疑问&#xff0c;Hadoop已经赢得了大量投资者和IT媒体的青睐&#xff0c;但却很少看到任何的实际产出。即将过去的2011是风暴来袭前的准备阶段&#xff0c;为很多新公司新用户建立了一个海量数据的分析平台。就连微软这样的互联网巨头都已放弃其他平台而选择Hadoop&#xf…

PHP 资源备忘

Awesome PHP 一个PHP资源列表&#xff0c;内容包括&#xff1a;库、框架、模板、安全、代码分析、日志、第三方库、配置工具、Web 工具、书籍、电子书、经典博文等等 贡献 详细内容请查看贡献 和 代码管理. 目录 Awesome PHP 依赖管理 Dependency Management其他的依赖管…

美药品连锁机构Walgreens推移动优惠券

科技的发展也促进了各行各业服务革新&#xff0c;从今天开始&#xff0c;在零售购物假期&#xff0c;也就是美国的黑色星期五&#xff0c;美国大型药品连锁机构Walgreens将会展示其最新可扫描的移动优惠券。 Walgreens利用的是一种移动应用&#xff0c;当你结账的时候&#xff…

山寨者们:别再把移动Web应用做得跟本地应用一样

编者按&#xff1a;本文作者Craig Villamor是Salesforce.com的手机用户体验部门主管。他管理着一个UI设计师的团队。着力于为企业创建世界经典的手机应用。作为一个在用户体验方面有超过十年经验的专家&#xff0c;Craig为很多Web应用工作过&#xff0c;这些应用既有针对消费者…

svn locale Can't convert string from native encoding to 'UTF-8'

svn 提交代码报错&#xff0c;原因很简单&#xff0c;编码的问题 报错信息 shell>svn update test svn: warning: cannot set LC_CTYPE locale svn: warning: environment variable LC_CTYPE is UTF-8 svn: warning: please check that your locale name is correct svn: E…

实时许愿应用Zaarly需求发布总量超940万美金

iOS&#xff0c;Android及网页的实时许愿应用zaarly在这个假日季达到一个里程碑。该公司分享了一些数据&#xff0c;自从2011年5月18日发布至今&#xff1a;第一个月就达到了100万美金的发布需求&#xff0c;目前为止需求发布总计超过了940万美金。其用户遍布美国的200多个城市…

前端组件化(未完)

大家都知道DRY (Don’t Repeat Yourself)&#xff0c;像 Angular2 一样 Focus on Components , 还有React, Vue.js等&#xff0c;前端组件化开发已经是一个很老的话题了&#xff0c;只是在前端领域&#xff0c;这个和用户最直接交互的舞台&#xff0c;要实现视觉和代码的完全组…

Clap:握在手心里的微型USB相机

现在有一种微型的USB摄像头Clap&#xff0c;以照相摄影&#xff0c;照相摄影效果也非常清晰&#xff0c;可以拔掉相机壳&#xff0c;利用本身的USD端口与电脑相连&#xff0c;既可读取画像又可充电。 设计简约&#xff0c;去掉了一切的繁复&#xff0c;最大的特征就是小巧轻便…