我对我的应用程序的设计有疑问，这是一个包含以下示例 javascripts 的大项目：
- modal.js（包含一个用于模态表单的 jQuery 插件）
- tooltip.js（包含一个用于工具提示的 jQuery 插件）
- textbox.js（包含一个用于文本框、占位符等的 jQuery 插件）
如果我使用 data-api 来设置我的整个 javascript ui，会不会影响性能，所以我会使用这段代码遍历所有元素并在需要时初始化一个插件：
$.each('[data-trigger="modal"]', function(a, b){
// Do plugin code here $(this).modal()
});
$.each('[data-textbox="^*"]', function(a, b){
// Do plugin code here $(this).textbox()
});
$.each('[data-tooltip="hello, I am a tooltip"]', function(a, b){
// Do plugin code here $(this).tooltip()
});
另一种选择是：
$(document).ready(function(){
$('#modal-create-account-trigger').modal();
$('#tb-username').textbox();
$('#tb-password').textbox();
$('#tb-fullname').textbox();
});
我更喜欢 .each 解决方案，所以我们可以在 HTML 中完全控制它，我怎么知道这对性能不利，它有多糟糕，还有其他选择吗？
非常感谢您的阅读。