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

来源：互联网发布：steam游戏更新无网络编辑：程序博客网时间：2024/04/30 04:04

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环境下没有测试！

0 0