반응형 개발/jquery8 mouseover(fn)과 mouseout(fn) 대체하는 hover(fn, fn) mouseover(fn) 와 mouseout(fn)을 번갈아 사용하다보면 본의 아니게 오류를 일으킬 수 있는 코드를 작성할 수 있다.그래서 jquery에는 hover(fn, fn)을 제공한다. hover(fn, fn) - 첫번째 인자(fn) : 함수 인자로서 마우스가 해당 엘리먼트의 위를 지나갈때 실행된다. - 두번째 인자(fn) : 함수 인자로서 마우스가 해당 엘리먼트를 벗어날때 실행된다. - 예) // 이 코드는 jQuery가 구현한 hover() 함수를 시연한다. 두 함수를 정의해야 한다. // 하나는 특정 엘리먼트 위로 마우스가 지나갈 때 동작하는 함수이며, // 다른 하나는 엘리먼트에서 마우스가 벗어날 때 동작하는 함수다. // 이 예제에서, 테이블의 각 행은 마우스가 위로 지나갈 때 붉은색 배.. 2014. 4. 5. 계층관계를 이용한 확장 집합 얻기 메소드 설명 children() 아래 자식으로 구성된 확장 집합 반환 contents()엘리먼트의 콘텐츠로 구성된 확장집합 반환. 텍스트 노드도 포함된다. iframe내의 콘텐츠를 얻고자 할때 사용된다. next() 바로 다음에 나오는 형제로 구성된 확장 집합 반환 nextAll() 다음에 나오는 모든 형제 구성된 확장 집합 반환 parent() 바로 위 부모로 구성된 확장 집합 반환 parents() 조상으로 구성된 확장 집합 반환. 바로 위 부모와 상위의 모든 조상이 포함. 문서 루트(document root)는 포함되지 않는다. prev() 바로 이전에 나오는 형제로 구성된 확장 집합 반환 prevAll() 이전에 나오는 모든 형제로 구성된 확장 집합 반환 slblings() 모든 형제 확장 집합 반환 2014. 4. 5. 확장된 엘리먼트 집합 관리하기 1. size() - 설명 : 확장 집합의 엘리먼트 개수를 반환한다. - 매개변수 : 없음 - 반환값 : 엘리먼트의 갯수 2. get(index) - 확장된 집합에서 하나 또는 모든 일치하는 엘리먼트를 가져온다. 매개변수가 명시되지 않았다면 확장집합에서 모든 엘리먼트를 자바스크립트 배열로 반환한다. - 매개변수 index(number) : 얻으려는 엘리먼트의 인덱스, 0부터 시작함. 생략하면 전체 집합을 배열로 반환한다. - 반환값 하나의 dom 엘리먼트 또는 dom 엘리먼트 집합 - 예) i. $('img[alt]').get(0); img 태그중 alt 속성을 가지고 있는 첫번째 img 엘리먼트를 가져온다. ii. var allLabeledBtns = $('label+button').get(); lab.. 2014. 4. 5. get(index)와 eq(index)의 차이점 get(index) : dom 객체를 반환한다.eq(index) : jquery 객체를 반환하다. 실재로 두 메소드의 반환값을 찍어 보면 알 수 있다.예를 들어 $('div').eq(0) 와 $('div').get(0)을 찍어보면 get(index) 의 반환값 : [object HTMLDivElement]eq(index)의 반환값 : [object Object] 참고로 get(index)의 반화값을 jquery 객체로 만들고 싶다면 $() 함수도 한 번 더 둘러 싸면 만들 수 있다.$($('div').get(0)) 이렇게 jquery 객체로 만들어 jquery 의 유용한 기능을 모두 사용할 수 있다. 2014. 4. 5. 이전 1 2 다음 반응형