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

最新推荐文章于 2021-04-08 22:17:06 发布

Inkheart_ly

最新推荐文章于 2021-04-08 22:17:06 发布

阅读量495

点赞数

分类专栏： jQuery 文章标签： JQuery bind 参数多参数绑定事件

本文链接：https://blog.csdn.net/langmanguiji/article/details/18351041

版权

jQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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