码迷,mamicode.com
首页 > Web开发 > 详细

jQuery之方法绑定(事件注册)代码小结

时间:2018-02-05 12:37:55      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:round   text   写法   company   定义   length   参数   attr   .text   

1.最直接的模式,直接将一个function对象传入方法函数,如下面的click(),好处坏处一看便知

$("#btnComfirmChooseCompany").click(function () {
    var companyName = "";
    var companyID = "";
    var hasChecked = false;
    var allCheckbox = $("input[name=‘companyID‘]");
    for (var i = 0; i < allCheckbox.length; i++) {
        if (allCheckbox[i].checked == true) {
            hasChecked = true;
            companyID = $(allCheckbox[i]).attr("value");
            companyName = $("#"+companyID).parent().next().text();
        }
    }
    //
});

2.等价写法之,将function独立定义给一个变量

function ComfirmChooseCompany(e) {  //e是可选参数
    //同上,略
}
//
var ComfirmChooseCompany = function(){
}

然后将变量传入JS事件函数,效果感觉一样,但至于有什么差异有待理解

$("#btnComfirmChooseCompany").click(
    ComfirmChooseCompany; //可以运行,思考...Company后加了小括号,是什么效果? 答:ComfirmChooseCompany直接运行了
);

$("#btnComfirmChooseCompany").click(function(){
        ComfirmChooseCompany(); //等价写法,思考这行当小括号是否可以省略
    }
);

3.bind方法

$("#allCheck").bind("click", function () {
    $("[name = $chkItem]:checkbox").attr("checked", $(this).attr("checked"));
});

4.delegate方法

$("body").delegate("#tb_2 tr", "click", function () {
    $(this).addClass(‘tr_color‘).siblings("tr").removeClass("tr_color");
});

 


 

jQuery之方法绑定(事件注册)代码小结

标签:round   text   写法   company   定义   length   参数   attr   .text   

原文地址:https://www.cnblogs.com/zhuji/p/8416482.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!