jQuery 코드를 잘 작성하는 5가지 팁

$('selector').attr('alt', 'this is the data that I am storing');
 // then later getting that data with
$('selector').attr('alt');

$('selector').data('meaningfllname', 'this is the data I am storing');
 // then later getting the data with
$('selector').data('meaningfullname');

2. jQuery의 selectors를 활용하자
jQuery에는 많은 selectors가 있지지만, jQuery의 오리지날 selectors를 사용하자.
자주 이용하는 것은 이하의 selectors이다.

:input
예：:input는 페이지내의 input 요소, select 요소, textarea 요소등을 지정할 수 있다.

[attribute=value]
예：input[name='container']는 name 속성의 값이 container의 input 요소

:eq(index)
예：table:eq(3)는 페이지로 4개째의 table 요소

3. 많은 DOM를 조작하는 경우는 livequery 플러그 인을 이용하자
 - livequery 플러그인을 이용하면, 나중에 추가할 예정의 요소에 대해서 이벤트를 바인드 해 둘 수 있다.

4. Ajax로 form를 송신하는 경우는 form 플러그인을 이용하자
 - jQuery Form Plugin를 이용하면

$(form).ajaxSubmit();

5. class를 flag로서 이용하자.
 - addClass 메소드를 이용해 class를 추가해 두면, hasClass 메소드를 이용해 flag로서 이용할 수 있다.

[참조 사이트]

• http://marcgrabanski.com/article/5-tips-for-better-jquery-code

코멘트 달기

Posted by 미물 on 2008년 11월 20일 (목) 오후 7시 37분 00초 #