jquery (5) 썸네일형 리스트형 1.5 DOM 요소의 래퍼 집합 필터링하기 1.5 DOM 요소의 래퍼 집합 필터링하기 문제점 - jQuery 래퍼 집합 안에 선택한 DOM 요소들이 들어 있다. - 새로운 표현식을 지정하여 표현식과 일치하지 않는 DOM요소들을 그 집합에서 제거해결방법 - filter 메서드는 지정된 표현식과 일치하지 않는 요소를 제외하는 역할을 한다. - filter() 메서드는 현재의 요소 집합을 필터링 할 수 있게 한다. - find 메서드는 현재의 래퍼 집합의 자식 요소들을 대상으로 하여 새로운 요소를 찾음 linklinklinklinklinklinklinklinklinklink - filter 메서드를 사용하여 class 어트리뷰트 값이 external로 설정되어 있지 않은 모든 요소를 원본 집합에서 제거 논의alert(jQuery('a').filter(.. 1.4 특정 컨텍스트 안에서 DOM 요소 선택하기 문제점 - document나 다른 DOM요소의 컨텍스트 안에 있는 단일 DOM 요소나 DOM요소 집합에 대한 참조를 필요해결방법 - CSS 표현식을 갖는 jQuery 함수는 두 번째 매개변수를 가질 수도 있다. - 이러한 두 번째 매개변수는 DOM 참조이거나 jQuery 래퍼 또는 document일 수도있다. 1.2 Dom은 로드되었지만 페이자가 로드되기 전에 jQuery/자바스크립트 실행하기 1.2 Dom은 로드되었지만 페이자가 로드되기 전에 jQuery/자바스크립트 실행하기 1.2 Dom은 로드되었지만 페이자가 로드되기 전에 jQuery/자바스크립트 실행하기문제점 - 최근 javascript App 들은 일반적으로 DOM이 완전히 로드 된 후에 수행한다. - window.onload 이벤트를 사용한다면 모든 자원들을 포함하여 전체 문서가 완전히 로드되기 전까지는 onload가 발생하지 않는다. - 대부분 웹 방문자로 하여금 지나치게 많은 시간을 기다리게 만든다. 해결방법 - jQuery는 DOM의 document 개체에 바인드 되는 사용자 정의 이벤트 처리기인 ready() 메서드를 제공 - DOM이 완전히 로드 되진 않았지만 DOM이 준비된 경우 The DOM is ready! 논의 - .. Chapter 5. 메뉴, 탭, 툴팁, 패널 5장 에서는 정적인 페이지에서 벗어나 리치 인터넷 애플리케이션 에 필요한 여러 부가 기능을 살펴 본다.내용은 드롭다운 메뉴, 탭, 슬라이딩 패널, 툴팁, 아코디언을 이용해 사용자가 쉽게 접근할 수 있도록 한다. 메뉴확장하고 접을수 있는 메뉴 특정한 주제에 대한 사이트는 일반적으로 다단계 메뉴로 구성된다. 다단계 메뉴는 유사한 분류로 나뉘어 있으며 이러한 방법을 사용하면 사용자는 손쉽게 관련 정보를 찾을 수 있으며 상대적으로 작은 영역에 많은 양의 정보를 넣을 수 있다. index.html(일부) What's new? Weekly specials Last night's pics! Users' comments Member extras Premium Celebrities 24-hour Surveillance .. 7. 효과 소개 - 탄탄한 저 수준의 애니메이션 메서드와 여러가지 미리 정의된 효과를 가지고 있음. Animate 메서드 - 원하는 사용자 정의 효과를 구동하도록 애니메이션을 완벽하게 제어할 수 있다. 1. css 속성 제어 2. scrollTop과 scrollLeft DOM 속성을 제어 3. css의 pixe, em inch, 퍼센티지 등 사용 가능 4. 요소 현재 상태에 대해 상대 또는 고정 값으로 효과의 종점 지정 5. toggle 값으로 상태전환 6. 에니메이션에 이징(easing) 메서드를 지정 할 수 있음 7. 애니메이션 모든 지점에서 콜백을 설정 8. 애니메이션을 큐에 넣거나 동시에 실행을 하도록 지정 할 수 있음. 팁 - 애니메이션 속성은 반드시 카멜 표기법을 사용해야된다 예를 들어 margin-le.. 이전 1 다음