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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery</title>
<style type="text/css">
body,div,ul,li,p{margin: 0;padding: 0; font-size: 13px;}
ul{list-style-type: none;}
a{text-decoration: none;}
div{margin: 5px;padding: 10px;border: solid 1px #666;background-color: #eee;width: 260px;}
input{margin: 5px;}
.btn{border: solid 1px #666;padding: 2px; width: 50px;}

</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jqueryui/ui/jquery-ui.js"></script>
<script type="text/javascript">
    $(function(){
        var objMyInfo = {
            name: "王美丽",
            sex: "女",
            ShowEvent: function(){
                $(".divShow").html("姓名：" + this.name + "<br />性别：" + this.sex);
            }
        };
        $("#btn1").bind("click",$.proxy(objMyInfo.ShowEvent,objMyInfo));
    });

</script>
</head>
<body>
<input id="btn1" type="button" value="显示" class="btn" />
<div class="divShow"></div>
</body>
</html>

执行效果：

-----------------------------------------------------------------

#btn1的click事件，要调用其它作用域的事件函数，需要用到$.proxy工具函数。

posted @ 2013-12-23 22:35  php之路  阅读(276)  评论(0)  编辑  收藏  举报