본문 바로가기

jQuery/jQuery Reference6

jQuery 기타 References data() jQuery data() 는 선택된 요소에 사용자가 원하는 객체를 저장하고 불러오는 기능을 합니다. jQuery에 data 메소드가 있는 가장 큰 이유는 메모리 누수를 피하기 위해서 입니다. each() 일치하는 각 요소에 대한 함수를 실행합니다. 즉, 특정한 집합을 반복문 형태로 사용할 수 있습니다. $("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); }); 위의 구문은 ""에 있는 text를 알림창에 표시하는 내용인데 예를 들어서 Park's의 블로그!!! 누군가에게 도움이 되는!!! 양질의 포스팅을 위해서!!! 에 있는 모든 내용을 알림창에 띄우게 됩니다. 가 3개가 있으니 3번 반복하여 알림창.. 2013. 6. 7.
jQuery AJAX 함수 Reference 이번장에서는 jQuery AJAX Reference에 대해서 알아보겠습니다. AJAX는 전체페이지를 로딩하지 않고 서버와 데이타 및 웹페이지의 업데이트 부분을 불러들일수 있는 예술적인 기능을 합니다. AJAX 기능에 대해서 조금더 자세히 알고싶은 분들은 저의 블로그 jQuery AJAX 를 방문하시면 됩니다. 다음 내용은 모든 jQuery의 AJAX 방법을 나타냅니다. $.ajax() AJAX의 요청을 수행합니다. $.ajaxPrefilter() AJAX 요청을 보내기 전이나 $.ajax() 함수에 의해 호출되기 전에 AJAX 옵션들을 수정하거나 조작합니다. 말이 좀 어렵습니다. ^^; 저도 코딩하면서 거의 본적이 없는 함수이기에 .... 내용인즉슨 미리 정의 되어있는 AJAX의 요청을 취소 또는 수정할.. 2013. 6. 5.
jQuery HTML / CSS 함수 Reference addClass() 선택한 요소에 하나 이상의 클래스 이름을 추가합니다. after() 선택된 요소 뒤에 내용 삽입 합니다. append() 선택된 요소의 끝에 내용 삽입 합니다. appendTo() 선택된 요소의 끝에 HTML 요소를 삽입 합니다. attr() 선택된 요소의 집합에서 요소의 해당하는 속성값을 반환합니다. before() 선택된 요소 전에 콘텐츠 삽입합니다. clone() 선택한 요소를 복사합니다. css() 선택된 요소에 대해 하나 이상의 Style 속성값을 설정하거나 반환합니다. detach() 선택한 요소를 지웁니다. empty() 선택된 요소의 모든 자식 노드 및 콘텐츠를 제거합니다. hasClass() 선택한 요소에 대해 특별한 class name이 있는지 검사합니다. heigh.. 2013. 6. 4.
jQuery Effect 함수들 animate() 선택한 요소에 사용자 지정 애니메이션을 실행 clearQueue() 선택한 요소에서 아직 실행되지 않는 모든 함수 기능을 제거 delay() 선택된 요소에 대기중인 모든 기능에 대한 딜레이(지연) dequeue() 선택한 요소에 대한 다음 대기 함수를 실행 fadeIn() 선택한 요소에 대하여 fadein fadeOut() 선택한 요소에 대하여 fadeout fadeTo() 선택한 요소에 대하여 투명도를 설정 fadeToggle() 선택한 요소에 대하여 fadeIn 과 fadeOut 함수를 둘다 실행 finish() 선택한 요소에 대하여 animation을 제거하고 중지함 hide() 선택한 요소에 대하여 숨김 queue() 선택한 요소에서 대기중인 기능을 보여줌 show() 선택한 요.. 2013. 5. 31.
jQuery selector Selector Example Selects * $("*") 모든요소 선택 #id $("#lastname") 아이디 lastname 요소 선택 .class $(".intro") 클래스 intro 요소 선택 .class,.class $(".intro,.demo") 클래스 intro, demo 요소 선택 element $("p") 태그 p 요소 선택 el1,el2,el3 $("h1,div,p") 모든 , , 요소 선택 :first $("p:first") 첫번째 요소 선택 :last $("p:last") 마지막 요소 선택 :even $("tr:even") 모든 의 짝수 요소(0,2,4…) 선택 :odd $("tr:odd") 모든 의 홀수 요소(1,3,5…) 선택 :first-child $("p:first-ch.. 2013. 5. 29.
jQuery Examples jQuery Selectors $("p").hide() p태그를 숨깁니다. $("#test").hide() 아이디 test를 숨깁니다 $(".test").hide() 클래스 test를 숨깁니다. $(this).hide() html 요소를 숨깁니다. jQuery Events jQuery click() 클릭했을때 발생하는 이벤트 입니다. jQuery dblclick() 더블클릭했을때 발생하는 이벤트 입니다. jQuery mouseenter() 마우스가 다가왔을때 발생하는 이벤트 입니다. jQuery mouseleave() 마우스가 자리를 떠날때 발생하는 이벤트 입니다. jQuery mousedown() 마우스 버튼클릭시 발생하는 이벤트 입니다. jQuery mouseup() 마우스 버튼을 클릭하고 놓을때 발.. 2013. 5. 28.

티스토리툴바