jQuery | bind() 与示例

bind()是 jQuery 中的一个内置方法，用于为选定元素附加一个或多个事件处理程序，该方法指定在事件发生时运行的函数。
句法：

$(selector).bind(event, data, function);

参数：它接受下面指定的三个参数-

1. event：这是传递给选定元素的事件类型。
2. 数据：这是可以显示在所选元素上的数据。
3. 函数：这是由所选元素执行的函数。

返回值：它返回对选定元素所做的所有修改。

显示 bind() 方法工作的 jQuery 代码：
代码#1：
在下面的代码中，使用此方法将“click”事件附加到给定的段落。

  

    
    
        $(document).ready(function() {
            $("p").bind("click", function() {
                alert("Given paragraph was clicked.");
            });
        });
    
    
        p {
            display: block;
            padding: 50px;
            width: 280px;
            border: 2px solid green;
        }
    

  

    Click me!

  

输出：
在单击“单击我”框之前-

单击“单击我”框后-

代码#2：
在下面的代码中，添加了相同的“click”事件，但这次数据也传递给了这个方法。

  

    
    
        function handlerName(e) {
            alert(e.data.msg);
        }
        <!--Here data is passing along with a function in
             bind method-->
        $(document).ready(function() {
            $("p").bind("click", {
                msg: "You just clicked the paragraph!"
            }, handlerName)
        });
    
    
        p {
            display: block;
            padding: 50px;
            width: 280px;
            border: 2px solid green;
        }
    

  

    
    Click me!

  

输出：
在单击“单击我”框之前-

单击“单击我”框后-