Ohming364 jQuery 효과 http://docs.jquery.com/UI/Effects 보여주기와 감추기의 기본 show()는 감춰진 HTML 요소를 보여지게 한다. HTML 요소가 이미 보여지고 있으면 아무 효과도 없다. 속도값을 전달하지 않으면, HTML 요소는 바로 보여지지만 속도값을 전달하면 HTML 요소는 좌측 상단부터 나타나 우측 하단까지 애니메이션 효과를 주며 나타난다. hide()는 show()의 반대. 이것도 속도값을 줄 수 있다. toggle()은 HTML 요소가 보여지는 상태를 서로 바꾼다. 이 함수는 HTML 요소를 보이게 하거나 숨기는 것을 (버튼과 같은) 하나의 컨트롤로 제어할 떄 가장 좋다. fadeIn/fadeOut fadeIn()은 감춰진 HTML 요소에 페이드 인 효과를 적용해 서서히 나타나게 한다.. 2012. 1. 17. jQuery) attr() attr() 함수는 지정된 HTML 속성을 가져온다. 2012. 1. 17. jQuery) each() each() 함수는 익명함수를 인수로 갖는다. 익명함수는 이름을 부여하지 않는다. 익명함수의 기본구조는 function(){ //실행할 코드 } 이렇게된다. 이름이 없기 때문에, 이 함수를 호출할 방법도 없다. 대신, 익명 함수를 다른 함수에 인수로 전달해서 사용할 수 있다. each() 함수의 일부로서 익명 함수를 사용하려면 $('selector').each(function(){ //실행할 코드 }); 이렇게 한다. 2012. 1. 17. jQuery) hover() jQuery는 mouseover와 mouseout 이벤트를 한꺼번에 다루는 hover()라는 이벤트를 제공하기 때문에 이미지를 롤오버 할 때 유용하다. hover() 함수는 두 개의 인수를 갖는데, 첫 번째는 마우스가 이미지 위로 올라갔을 때 브라우저가 할 일을 알려주는 함수이며 두 번째는 마우스가 이미지 밖으로 옮겨졌을 때 브라우저가 할 일을 알려주는 함수다. 롤오버는 이미지가 아닌 HTML 요소에도 적용이 가능하다. hover() 함수는 링크, 폼 HTML 요소, 문단까지 어느 태그에나 사용할 수 있다. 2012. 1. 17. 이미지 미리 읽기 이미지를 미리 읽어둔다(preloading)는 것은 브라우저로 하여금 이미지를 보여주기 전에 미리 다운로드하도록 만드는 것을 의미합니다. 이미지는 다운로드된 후 웹 브라우저의 캐시에 저장되고 이후 발생하는 요청은 웹 서버로부터 시간을 들여 다운로드받는 대신 방문객의 하드 드라이브로부터 해당 파일을 제공받습니다. 미리 읽어두기를 위한 방법 중 하나는 스크립트의 첫부분에 미리 읽어두고자 하는 모든 그래픽 파일의 경로를 담은 배열을 생성한 다음, 이 배열에 루프를 수행하여 각각에 대한 새 이미지 객체를 생성하는 것입니다. var preloadImages = ['images/1.png', 'images/2.png', 'images/3.png']; var imgs = []; for (var i=0; i 2012. 1. 17. DOM을 탐색하는 jQuery 함수 http://api.jquery.com/category/traversing/ .next() 함수는 현재 태그 바로 뒤에 나타나는 태그를 찾는다. .next() 함수에 선택자를 인수로 전달하여 검색을 더 정밀하게 할 수도 있다. 이런식으로 쓰면 .next('answer') 현재 태그 뒤에 나타나면서, answer 클래스를 적용한 태그만 찾는다. 2012. 1. 17. 이전 1 ··· 49 50 51 52 53 54 55 ··· 61 다음