如何将所有JQuery保存在外部脚本文件中？

我在多个视图/页面中有一些具有相同ID的提交按钮。目前，我将所有JQuery代码保留在html视图中。如何将所有这些JQuery组合成单个JS文件。我担心的是，我在多个页面中具有如下按钮单击功能，它们执行不同的任务

我想如果我把一个JS文件放进去，他们会有一些冲突，不知道该调用哪个按钮。我怎样才能做到这一点？我不想为一个JS文件保留一个视图/页面。谢谢

$('#btnSubmit').click(function() {

//do something

});

---

只需给出形式不同的ID

然后可以使用单个外部脚本，如

$('#form1').click(function() {

//do something

});

$('#form2').click(function() {

//do something

});

你不需要包装div之类的东西

---

也许你也可以使用

submit（）

..

根据你的程序有多大，根据页面将你的代码拆分成自己的JS文件可能会很有用。如果您有一个registration.php页面，那么您可以包含一个registration.js文件。它也有助于调试。这样，您就不需要每次加载一个js文件，其中可能包含5000行代码，而实际上您只需要使用一个小函数

使按钮更独特，可能通过为视图提供它们自己的类或id来进行过滤。提交按钮真的需要id吗？就这点而言，它甚至需要点击事件吗？使用表单提交。如果你有包装

div

，你可以像

$（'#divId#btnSubmit'）那样编写。单击（function（）{

。加载一堆（可能）文件真的是个好主意吗每个视图上不相关的jQuery代码只是为了整合您的脚本？@KevinB是的，我需要单击事件，因为ajax调用的某些原因。@kyi12321如果您的目标是在视图中不包含包含包含所有jQuery代码的

元素，您可以始终使用类似

.jq.js

的命名方案。我认为您获得的唯一优势是e使用JavaScript部分更容易，无需担心标记。然后OP必须同时更改

视图

和

js

。