jQuery + json
1. ajax_post.html <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> <html xmlns=”http://www.w3.org/1999/xhtml“>...
View Articleready() 이벤트 처리기 메서드
자바스크립트의 window.onload 이벤트를 대신할 수 있는 이벤트 처리기 메서드이다. DOM이 완전히 로드된 후 DOM 조작 및 탐색을 처리할 때 사용한다. 사용방법은 다음과 같다. <!DOCTYPE html> <html> <head> <style>p { color:red; }</style>...
View Articleload() 이벤트 처리기 메서드
“load” 자바스크립트 이벤트에 이벤트 처리기 바인딩. 사용방법은 다음과 같다. ex1) $(window).load(function () { // run code }); ex2) $(‘img.userIcon’).load(function(){ if($(this).height() > 100) { $(this).addClass(‘bigImg’); }...
View Articleevent.pageX + event.pageY
문서의 상단과 좌측의 상대적 위치값 체크할 때 사용한다. 다음 예제는 document안에서 mousemove event 발생시 log 아이디를 가지고 있는 div 안에 event 발생 위치값을 출력하는 예제이다. <!DOCTYPE html> <html> <head> <style> body...
View Article.bind()
element 에 대한 각종 event 처리기 함수이다. 사용자 이벤트, 브라우저 이벤트 등등 각종 이벤트에 대해 바인딩하는 함수이다. 사용예제는 다음과 같다. 가장 기본적인 사용방법 $('#foo').bind('click', function() { alert('User clicked on "foo."'); }); 다중 이벤트 바인딩...
View Article.trigger()
Execute all handlers and behaviors attached to the matched elements for the given event type. .trigger( eventType, extraParameters ) .trigger( event ) $('#foo').bind('click', function() {...
View Article.show() .hide()
매칭되는 elements 들을 보이게 하거나 사라지게 할 때 사용한다. 사용문법 .show() .show( duration, [ callback ] ) .show( [ duration ], [ easing ], [ callback ] ) ※ duration 은 1/1000 초 단위값이다. fast 또는 slow 문자를 가질 수 있다. 사용예 <div...
View Article.fadeIn() .fadeOut()
.fadeIn() 은 매칭되는 요소가 불투명하게 페이딩 되는 effect 함수이다. 사용문법 .fadeIn( [ duration ], [ callback ] ) .fadeIn( [ duration ], [ easing ], [ callback ] ) ※ duration 은 1/1000 초 단위값이다. fast 또는 slow 문자를 가질 수 있다. 사용예...
View Article.addClass() .removeClass()
매칭되는 요소들에 대해 css Class 를 추가하거나 삭제할 때 사용한다. 1. addClass() 사용문법 .addClass( className ) .addClass( function(index, class) ) 2. addClass() 사용예 $('p').addClass('myClass yourClass');...
View Article.innerHeight() .innerWidth()
.innerHeight() 픽셀의 위쪽과 아래쪽 패딩을 포함한 요소의 높이를 반환한다. 윈도우와 문서 개체에 적용되지 않는다. 윈도우와 문서 개체에 대해 사용할 땐 .height()를 사용한다. 사용예 <!DOCTYPE html> <html> <head> <style>p {...
View Article