分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 01:41责任编辑:林大明关键词:jQuery

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之方法绑定(事件注册)代码小结

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved