[jQuery] 같은 이벤트를 한번에 적용시키기

jQuery 에서 사용되는 특정 id 값이나 name 등등에 같은 이벤트를 적용시킬때가 있다.

예를 들수 있는건 너무나 많지만.. datepicker 를 적용할때를 예로 들어보면..

page1.html page2.html..... 등등의 수많은 페이지에서 날짜 검색을 이용할때

항상 같은 name 과 id 를 사용할 수는 없다..

그럴때는 요렇게..

page1.html

<input type="text" name="SDATE" id="SDATE" placeholder="시작기간" /> <input type="text" name="EDATE" id="EDATE" placeholder="종료기간" />

page2.html

<input type="text" name="NDATE" id="NDATE" placeholder="날짜선택" />

클릭하면 달력이 나와야 하는 text box 가 각각의 페이지에 있을 경우 공통 .js 파일에 다음과 같이 한번만 설정해 준다.

$(document).ready(function() { $("#SDATE,#EDATE,#NDATE").datepicker({ // selector 를 콤마로 구분 dateFormat: "yy-mm-dd", buttonImageOnly: true, monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNamesMin: ['일','월','화','수','목','금','토'], nextText: "다음달", prevText: "이전달", changeMonth: true, changeYear: true, showMonthAfterYear: true }); });

쨘~~