본문 바로가기

jquery api187

jQuery.each(), 일반적인 반복 함수 jQuery.each() 원문 링크 http://api.jquery.com/jQuery.each/ jQuery.each( collection, callback(indexInArray, valueOfElement) )Returns : Object 개요 : object 와 배열 모두에서 사용할 수 있는 일반적인 반복 함수입니다. 배열과 length 속성을 갖는 배열과 비슷한 객체들을 index를 기준으로 반복할 수 있습니다. jQuery.each( collection, callback(indexInArray, valueOfElement) ) collection object 또는 array. callback(indexInArray, valueOfElement) 실행될 함수 $.each() 함수는 $(selec.. 2012. 7. 2.
serializeArray(), 폼 요소를 names와 values 배열로 인코딩 serializeArray() 원문 링크 http://api.jquery.com/serializeArray/ serializeArray()Returns : Array 개요 : 폼 요소를 names와 values 배열로 인코딩합니다. serializeArray() .serializeArray() 함수는 JSON 문자열 형태로 JavaScript 배열 객체를 만듭니다. 이 함수는 폼 요소 집합을 표현하는 jQuery 객체를 이용합니다. 폼 요소들은 여러가지가 있습니다. 4 5 6 7 .serializeArray() 함수는 W3C 의 표준 규칙인 successful controls 을 따릅니다. 요소는 disabled이 아니어야 하고 반드시 name 속성을 지녀야 합니다. type='file' 요소는 포함되지.. 2012. 7. 2.
serialize(), 폼 요소 집합을 인코딩 serialize() 원문 링크 http://api.jquery.com/serialize/ serialize()Returns : String 개요 : 데이터를 보내기 위해 폼 요소 집합을 문자열로 인코딩 합니다. serialize() .serialize() 함수는 표준 URL-encoded 표기법으로 텍스트 문자열을 만듭니다. 이 함수는 폼 요소 집합을 표현하는 jQuery 객체를 이용합니다. 폼 요소들은 여러가지가 있습니다. 4 5 6 7 .serialize() 함수는 jQuery 객체로 사용할 수 있는데, 폼 요소 개별 객체별로 사용할 수 있습니다. 즉 , , 와 같은 개별 요소들이 이 함수를 사용할 수 있는 것입니다. 하지만, 대체적으로 아래 예제와 같이 태그를 선택해서 직렬화 하는 방식이 많습니다.. 2012. 7. 2.
jQuery.post(), Ajax HTTP POST 방식 요청 jQuery.post() 원문 링크 http://api.jquery.com/jQuery.post/ jQuery.post( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )Returns : jqXHR 개요 : HTTP POST 방식 요청을 통해 서버로부터 데이터를 받습니다. jQuery.post( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] ) url 정보를 요청할 URL data 서버로 보낼 data success(data, textStatus, jqXHR) 요청이 성공하면 실행될 콜백 함수 dataType 서버에서 반환되는 데이터의 타입. Default: 지능형 추측 (.. 2012. 7. 2.
jQuery.param(), Ajax 데이터용 배열이나 객체를 직렬화 jQuery.param() 원문 링크 http://api.jquery.com/jQuery.param/ .jQuery.param( obj )Returns : string 개요 : URL 쿼리 스트링 또는 Ajax 요청에 사용할 수 있도록 배열이나 객체를 직렬화 합니다. jQuery.param( obj ) obj 배열 또는 객체 jQuery.param( obj, traditional ) obj 배열 또는 객체 traditional 얕은 수준(Shallow) 직렬화 지원 여부를 결정하는 Boolean 값 이 함수는 폼 요소들의 값을 변환하여 직렬화된 문자열로 표현합니다. jQuery 1.3 까지는 함수 문자열 대신 함수의 반환값을 사용했습니다. ( the return value of a function is .. 2012. 7. 2.
load(), Ajax로 받은 HTML을 일치하는 요소 안에 추가 load() 원문 링크 http://api.jquery.com/load/ .load( url [, data] [, complete(responseText, textStatus, XMLHttpRequest)] )Returns : jQuery 개요 : 서버로부터 데이터를 받아서 일치하는 요소 안에 HTML을 추가합니다. .load( url [, data] [, complete(responseText, textStatus, XMLHttpRequest)] ) url 정보를 요청할 URL data 서버에 보낼 데이터 complete(responseText, textStatus, XMLHttpRequest) 요청이 완료되면 실행될 콜백 함수 Note: 이 함수는 여기서 쓰는 것 말고 다른 용도의 쓰임새도 있습니다... 2012. 7. 2.
jQuery.getScript, JavaScript 파일을 로드하고 실행 jQuery.getScript() 원문 링크 http://api.jquery.com/jQuery.getScript/ jQuery.getScript( url [, success(script, textStatus, jqXHR)] )Returns : jqXHR 개요 : HTTP GET 방식 요청을 통해 서버로부터 받은 JavaScript 파일을 로드하고 실행합니다. jQuery.getJSON( url [, data] [, success(data, textStatus, jqXHR)] ) url 정보를 요청할 URL success(data, textStatus, jqXHR) 요청이 성공하면 실행될 콜백 함수 이 함수의 가장 간단한 사용법은 아래와 같습니다. $.ajax({ url: url, dataType: "s.. 2012. 7. 2.
jQuery.getJSON, JSON 데이터를 로드 jQuery.getJSON() 원문 링크 http://api.jquery.com/jQuery.getJSON/ jQuery.getJSON( url [, data] [, success(data, textStatus, jqXHR)] )Returns : jqXHR 개요 : HTTP GET 방식 요청을 통해 서버로부터 받은 JSON 데이터를 로드합니다. jQuery.getJSON( url [, data] [, success(data, textStatus, jqXHR)] ) url 정보를 요청할 URL data 서버로 보낼 data success(data, textStatus, jqXHR) 요청이 성공하면 실행될 콜백 함수 이 함수의 가장 간단한 사용법은 아래와 같습니다. $.ajax({ url: url, data.. 2012. 7. 2.
ajaxSuccess() Ajax 요청이 성공적으로 완료 때마다 호출 .ajaxSuccess() 원문 링크 http://api.jquery.com/ajaxSuccess/ ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) )Returns : jQuery 개요 : Ajax 요청이 성공적으로 완료 때마다 실행될 함수를 작성합니다. 이것은 Ajax 이벤트 입니다. .ajaxSuccess( handler(event, XMLHttpRequest, ajaxOptions) ) handler(event, XMLHttpRequest, ajaxOptions) 실행될 함수 Ajax 요청이 성공적으로 완료 때마다, jQuery ajaxSuccess 이벤트를 발생시킵니다. .ajaxSuccess() 함수내에 등록된 핸들러는 매번 실행되게 됩니다... 2012. 6. 19.
ajaxStop() Ajax 요청이 완료되면 호출 .ajaxStop() 원문 링크 http://api.jquery.com/ajaxStop/ ajaxStop( handler() )Returns : jQuery 개요 : 모든 Ajax 요청이 완료되면 호출할 핸들러를 등록합니다. 이것은 Ajax 이벤트 입니다. .ajaxStop( handler() ) handler() 실행될 함수 Ajax 요청을 완료되면, jQuery는 진행중인 Ajax 요청이 있는지 체크합니다. 만일 진행중인 Ajax 요청이 없다면, jQuery는 ajaxStop 이벤트를 발생시킵니다. .ajaxStop() 함수에서 등록된 모든 핸들러가 실행되게 됩니다. 또한, ajaxStop 이벤트는 마지막 Ajax 요청이 beforeSend 콜백 함수네에서 false를 반환하여 취소가 되어도 발생하게.. 2012. 6. 19.
toggle(), 요소 표시 또는 숨기기, 토글하기 toggle 원문 링크 http://api.jquery.com/toggle/ .toggle( [duration] [, callback] )Returns : jQuery 개요 : 일치하는 요소 표시 또는 숨기기. .toggle( [duration] [, callback] ) duration 시간 값 callback 콜백 함수 .toggle( [duration] [, easing] [, callback] ) duration 시간 값 easing 토글 시 특수한 효과 callback 콜백 함수 .toggle( showOrHide ) showOrHide 보이거나 숨기기 위한 부울 값 .toggle() 함수는 요소의 보임 속성을 조절하는 아주 간단한 함수입니다. $('.target').toggle(); 조건과 일.. 2012. 5. 8.
jQuery .stop(), 애니메이션 효과 멈춤 stop 원문 링크 http://api.jquery.com/stop/ .stop( [clearQueue] [, jumpToEnd] )Returns : jQuery 개요 : 현재 움직이고 있는 애니메이션 효과를 멈춥니다. .stop( [clearQueue] [, jumpToEnd] ) clearQueue 부울 값을 세팅하여 대기중인 효과들의 제거를 결정합니다. 기본값은 false. jumpToEnd 부울 값을 세팅하여 현재 진행중인 애니메이션을 완료할지를 결정합니다. 기본값은 false. .stop( [queue] [, clearQueue] [, jumpToEnd] ) queue 애니메이션을 멈출 큐 이름 clearQueue 부울 값을 세팅하여 대기중인 효과들의 제거를 결정합니다. 기본값은 false. j.. 2012. 5. 8.
slideUp(), 슬라이드 효과로 숨기기 slideUp 원문 링크 http://api.jquery.com/slideUp/ .slideUp( [duration] [, callback] )Returns : jQuery 개요 : 슬라이드를 이용해 요소를 숨깁니다. .slideUp( duration [, callback] ) duration 시간 값 callback 콜백 함수 .slideUp( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 .slideUp() 함수는 요소의 height 값을 조작해서 움직임을 만들어 냅니다. 보이게 처리할 때 display 속성값을 jQuery 의 데이터 캐쉬에 저장 해두었다가 나중에 display 를 초기값으로 복원해.. 2012. 4. 25.
slideToggle(), 슬라이드 토글하기 slideToggle 원문 링크 http://api.jquery.com/slideToggle/ .slideToggle( [duration] [, callback] )Returns : jQuery 개요 : 슬라이드를 통해 요소를 보이게 안보이게 처리합니다. .slideToggle( duration [, callback] ) duration 시간 값 callback 콜백 함수 .slideToggle( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 .slideToggle() 함수는 요소의 height 값을 조작해서 움직임을 만들어 냅니다. 보이면 안보이게 안보이면 보이게 처리해 줍니다. 토글이니 당연하겠죠? .. 2012. 4. 25.
slideDown(), 슬라이드 효과로 보이기 slideDown 원문 링크 http://api.jquery.com/slideDown/ .slideDown( [duration] [, callback] )Returns : jQuery 개요 : 슬라이딩을 해서 요소를 보이게 합니다. .slideDown( duration [, callback] ) duration 시간 값 callback 콜백 함수 .slideDown( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 .slideDown() 함수는 요소의 height 값을 조작해서 움직임을 만들어 냅니다. 시간값(Duration)의 기본값은 밀리세컨드이고, 값이 크면 느린 효과가 나타납니다. 물론 반대는 빨라.. 2012. 4. 25.
show(), 요소 보이게 하기 show 원문 링크 http://api.jquery.com/show/ .show( )Returns : jQuery 개요 : 일치하는 요소를 보이게 합니다. .show( ) .show( duration [, callback] ) duration 시간 값 callback 콜백 함수 .show( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 인자없이 .show() 형태로 사용하는 것이 가장 간단한 사용법 입니다. $('.target').show(); 기본 사용법은 애니메이션 효과가 없이 요소를 바로 보이게 하는 기능을 합니다. 이것은 대략적으로 .css('display', 'block') 의 사용과 비슷하지만.. 2012. 4. 25.
queue(), 대기열의 함수와 대기열 조작하기 queue 원문 링크 http://api.jquery.com/queue/ .queue( [queueName] )Returns : Array 개요 : 요소에 실행되고 있는 함수의 큐를 보여줍니다. 무슨 함수들이 실행되고 있는지 보여줍니다. .queue( [queueName] ) queueName 큐명 문자열. 기본값은 fx 이며, 기본 효과 큐를 의미합니다. 예 제 소스닫기 큐의 길이수를 보여줍니다. The queue length is: 미리보기 음.. 이게 뭔가요. 혼자 열심히 돌아다니는 것 빼고 딱히 와닿는게 없습니다. 현재 실행되고 있는 함수의 인덱스 번호 정도이구요. n.length 에서 length 를 삭제시켜 보시고 한번 테스트 해 보세요. 깜짝 놀라실거예요.(사실 놀랄일은 아니에요. ^^;;).. 2012. 4. 25.
hide(), 요소 숨기기 hide 원문 링크 http://api.jquery.com/hide/ .hide( )Returns : jQuery 개요 : 일치하는 요소를 숨깁니다. .hide( ) .hide( duration [, callback] ) duration 시간 값 callback 콜백 함수 .hide( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 인자없이 .hide() 형태로 사용하는 것이 가장 간단한 사용법 입니다. $('.target').hide(); 기본 사용법은 애니메이션 효과가 없이 요소를 바로 숨기는 기능을 합니다. 이것은 대략적으로 .css('display', 'none') 의 사용과 비슷하지만, 숨길때 d.. 2012. 4. 19.
jQuery.fx.off, 전체 애니메이션 효과 전역 설정 jQuery.fx.off 원문 링크 http://api.jquery.com/jQuery.fx.off/ jQuery.fx.offReturns : Boolean 개요 : 모든 에니메이션 효과를 전역적으로 불가상태로 만듭니다. jQuery.fx.off 이 속성값이 true 라면, 모든 에니메이션 함수들은 호출된 시점의 마지막으로 실행된 상태 그대로 그 즉시 취소됩니다. 이런 세팅은 아래와 같은 상황일 때 사용할 가능성이 있습니다. jQuery 가 사양이 낮은 디바이스에서 실행될 때. 에니메이션 효과에 대해 접근성 문제가 발생했을 경우 (이 문제에 대해 더 알고 싶으시면 Turn Off Animation 이 링크의 글을 참고하십시요. 아 물론 영문입니다. ^^;;;). 에니메이션을 다시 실행하고 싶다면 이 속성.. 2012. 4. 19.
jQuery.fx.interval, 에니메이션 프레임 조절 jQuery.fx.interval 원문 링크 http://api.jquery.com/jQuery.fx.interval/ jQuery.fx.intervalReturns : Number 개요 : 에니메이션 프레임 조절(밀리세컨드 기준). jQuery.fx.interval 이 속성은 애니메이션이 실행되는 초당 프레임의 개수를 조정하는 것을 조절할 수 있습니다. 기본값은 13 밀리세컨드 즉, 0.013초 입니다. 값을 낮게 잡으면 크롬과 같은 브라우져에서는 에니메이션이 부드럽게 작동하지만, CPU 점유율이 올라가는 단점이 있습니다. jQuery 는 하나의 전역 인터벌(global interval)을 사용하기 때문에, 애니메이션을 멈추려면 이 속성값을 변경해야 합니다. Note:jQuery.fx.interval .. 2012. 4. 16.

티스토리툴바