plming/jQuery(28)
-
동적으로 스크립트 로드하기
$.getScript( url, callback=Function ) url 매개변수가 명시한 서버에 GET 요청을 사용하여 스크립트를 가져오며, 성공했을 때 선택적으로 콜백 함수를 실행한다. callback : 스크립트 자원이 로드되고 평가된 이후에 선택적으로 호출되는 함수 서버에서 로드된 텍스트와 success 문자열이 매개변수로 전달된다. 스크립트를 가져오려고 사용한 XHR 인스턴스가 return 된다. 스크립트 파일을 가져오는데 Ajax 기능을 사용 스크립트는 파일에서 가져오고 난 뒤 인라인 스크립트가 실행되고 정의된 변수나 함수를 사용할 수 있다.
2015.05.13 -
자바스크립트 객체와 컬렉션 조작하기
자바스크립트의 String은 처음과 끝에 있는 공백 문자열을 제거하는 메서드를 제공하지 않는다. $.trim( value=String ) 전달된 문자열 앞뒤에 있는 공백 문자를 제거하고 결과를 반환한다. 이 함수에 정의된 공백문자는 자바스크립트 정규표현식 '\s'와 일치한다. 이 값은 공백문자뿐 아니라 폼 피드, 개행, 리턴, 탭, 수직 탭 문자와 그 외에도 유니코드 문자인 \u00A0, \u2028, \u2029와도 일치한다. 원본 값은 수정되지 않는다. 전달하는 매개변수가 문자열인지 여부를 확인하지 않는다. 다른 타입의 값을 전달하면 undefined나 자바스크립트 에러가 발생한다. $('#someField').val( $.trim( $('#someField').val() ) ); $.each( co..
2015.05.08 -
다른 라이브러리와 jQuery 사용하기
$.noConflict $ 변수를 다른 라이브러리가 사용할 수 있게 만들며, 페이지에서 jQuery를 다른 라이브러리와 함께 사용할 수 있게 한다. 이 함수를 실행하면 jQuery함수는 $가 아닌 jQuery를 사용해 호출해야 한다. 하지만, $를 계속 쓰고 싶다면, 유사한 별칭을 정의할 수도 있다. var $j = jQuery; function($) 처럼, 인자로 전달해 function 안에서는 $를 사용할 수도 있다. 재사용 컴포넌트를 작성할 때는 $의 재정의를 고려해야 한다.
2015.05.07 -
유틸리티 함수 - 플래그 사용하기
유틸리티 함수는 $이름공간에 속하며, 확장집합에서 동작하지 않고 $인스턴스에 정의되어 있다. DOM엘리먼트보다는 자바스크립트 객체를 기반으로 동작하며 그렇지 않으면 객체와 관련되지 않은 동작을 수행한다. 메서드가 아닌 $에 정의된 변수를 이용해 정보를 제공한다. * 사용자 브라우저 확인 방법 (참고만) . 지원하지 않는 브라우저라면 갑자기 에러가 발생 . 모든 브라우저의 경우를 처리하는 거대하고 중첩된 조건문이 필요하므로, 확장성이 떨어짐 . 사용자 에이전트 정보를 다른 값으로 변경할 수 있으므로 신뢰할 수 없음. . isIE, isFirefox, isSafari식의 특정 브라우저에 따라 처리하는 코드보다는 객체 탐지(Object Detection)가 조금 더 낫다. : 특정 객체나 프로퍼티/메서드가 존..
2015.05.07 -
[기타] 이벤트 사용할 때 고려해야 할...
사용자가 사용할 컨트롤만 사용하도록 보여지게하고 당장 사용하지 않는 컨트롤들은 보이지 않도록 하는 사용성을 좋게하려할 때 점진적인 공개(progressive disclosure) 원칙을 적용 체크박스가 label 엘리먼트에 포함되도록 함으로써 텍스트를 클릭해도 체크박스 컨트롤을 클릭한 것과 동일하게 컨트롤의 선택 상태를 변경하여 사용성을 높여준다. Fried Imperial rolls (2) CSS를 사용하여 엘리먼트를 감출수도 있지만, $('fieldset div div').hide(); 스크립트를 사용하면 페이지를 로드할 때 부하가 좀 더 걸리긴 하지만 스크립트 사용 옵션을 꺼두는 사용자에게도 유용한 인터페이스를 제공할 수 있다...? $('div', $(this).parents('div:first'..
2015.05.06 -
jQuery 이벤트 모델
jQuery의 이벤트 구현 특징 . 이벤트 핸들러를 할당할 수 있는 통합 메서드를 제공 . 엘리먼트의 이벤트 타입마다 여러 핸들러를 할당 . click, mouseover 같은 표준 이벤트 타입명을 사용 . 핸들러의 매개변수를 써서 Event 인스턴스를 사용 . 자주 사용하는 Event 인스턴스의 프로퍼티들에 일관된 이름을 사용 . 이벤트 해제와 기본 행동을 막는 통합 메서드를 제공 캡쳐 단계를 지원하지 못하며, 하나의 API로 표준 호환 브라우저와 인터넷 익스플로러를 모두 지원 . bind( eventType=String, data=Object, listener=Function ) 일치된 집합에 있는 모든 엘리먼트에 지정한 이벤트 타입의 핸들러로 전달된 함수를 할당 eventType : 핸들러를 할당할..
2015.05.05