绑定click事件时，在页面与在js文件中的不同之处

Smallc0de

于 2019-07-12 14:25:24 发布

阅读量395

点赞数

分类专栏：前端疑难杂症

本文链接：https://blog.youkuaiyun.com/Smallc0de/article/details/95616296

版权

前端疑难杂症专栏收录该内容

10 篇文章

订阅专栏

博客介绍了在jsp等文件和js文件中绑定方法的不同方式。在jsp文件中，可用script标签直接嵌入click方法；而在js文件中，需使用jQuery的.on方法，且要用document对象寻址，因为要先检索文档内容找到绑定的id/class。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在jsp等文件中可以直接用script标签对直接嵌入下面的click方法，但是不能直接用在js文件中。

$("#btn_mdl_add_cons").click(function() {
	getTeams("#inpt_team_add");
	getCompanies("#inpt_company_add");
	staticModal('#add_cons_modal');
});

在js文件中应该用jQuery中的.on方法，因为需要先去jsp检索整个文档的内容才能找到要绑定的id/class，所以应该用document对象寻址。

$(document).on("click","#btn_delt_all",function(){
	getTeams("#inpt_team_add");
	getCompanies("#inpt_company_add");
	staticModal('#add_cons_modal');
});