자바 스크립트 jQuery를 DOM 데이터 API 아키텍처

Question

내 응용 프로그램의 디자인에 대한 질문이 있습니다, 그것은 다음과 같은 예를 들어, 자바 스크립트가 포함 된 큰 프로젝트입니다 :

• modal.js을
(모달 폼을위한 jQuery 플러그인을 포함)
• tooltip.js
• textbox.js 내가 데이터를 사용한다면

는 성능을 해칠 것인가 (텍스트 상자, 자리 등을위한 jQuery 플러그인 포함) (툴팁에 대한 jQuery 플러그인을 포함) -api 내 전체 자바 스크립트 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(); 
}); 

내가 선호하는 각 솔루션은 HTML로 완벽하게 제어 할 수 있습니다. 성능 저하, 얼마나 나쁜지, 대안이 있습니까?

감사합니다.

Answer 1

큰 성능 향상으로 인해 #ID 선택기를 사용하는 것이 항상 좋습니다.