您的位置：首页 > Web前端 > JQuery

jQuery 学习笔记------jQuery的bind方法初探

2014-01-16 11:37 537 查看
bind方法有三个参数bind("绑定的触发事件","传给方法的参数",处理事件的方法名)若是多参数则用如下形式：{a : 'hello', b : 'world'} 键值对形式存在。但我想问一下若是想往方法中传一个变量怎么办呢（除了定义全局变量）？

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test5_1.aspx.cs" Inherits="Style_test5_1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="static/js/jquery-1.3.1.js"></script>
<link href="Style/StyleSheet5.css" rel="stylesheet" />
<title></title>
<script type="text/javascript">
$(document).ready(function () {
var $txb=$(".pubClass")
$txb.bind("focus", { a: '$("#username")' }, add).bind("blur", { a: '$("#username")' }, sub);
});
function add(e) {//传参时不要忘记写形参
//alert(e.data.a);
$(this).addClass("focus");
}
function sub(e) {
$(this).removeClass("focus");
}

</script>
</head>
<body>
<form id="form1" runat="server">
<fieldset>
<legend>个人基本信息</legend>
<div>
<label for="username">名称:</label>
<input id="username" type="text" class="pubClass"/>
</div>
<div>
<label for="password">密码：</label>
<input id="password" type="text" class="pubClass"/>
</div>
<div>
<label for="msg">详细信息</label>
<textarea id="msg" rows="2" cols="20" class="pubClass"></textarea>
</div>
</fieldset>
</form>
</body>
</html>

注：此js在IE7及以上运行正常firefox的firebug都正常，IE6环境下没有测试！


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航