-.animate("바뀔상태", 밀리초, function(){});
* 결과
| Content/DOM 변경 및 조회 메소드 (0) | 2012.06.11 |
|---|---|
| jQuery 마우스를 올리면 margin으로 옆으로 공간 띄우기 (0) | 2012.06.11 |
| jQuery fadeIn, fadeOut, fadeToggle메소드 (0) | 2012.06.11 |
| jQuery show, hide,toggle메소드 (0) | 2012.06.11 |
| jQuery event메소드 - 1 (0) | 2012.06.11 |
-.fadeIn([초])
-.fadeOut([초])
-.fadeToggle([초])
* fade를 써주는 것과 안써주는 것은 사라지거나 보여질때 효과가 다르다.
* 결과
| jQuery 마우스를 올리면 margin으로 옆으로 공간 띄우기 (0) | 2012.06.11 |
|---|---|
| jQuery animate메소드 (0) | 2012.06.11 |
| jQuery show, hide,toggle메소드 (0) | 2012.06.11 |
| jQuery event메소드 - 1 (0) | 2012.06.11 |
| 01_02_liveTest.html (0) | 2012.06.05 |
-.show([밀리초]) : 목록을 보여준다.
-.hide([밀리초]) : 목록을 숨긴다.
-.toggle([밀리초]) : show와 hide를 합쳐둔것.(show일때 클릭하면 hide로 감춰주고, hide면 show로 보여준다.)
* 결과
| jQuery animate메소드 (0) | 2012.06.11 |
|---|---|
| jQuery fadeIn, fadeOut, fadeToggle메소드 (0) | 2012.06.11 |
| jQuery event메소드 - 1 (0) | 2012.06.11 |
| 01_02_liveTest.html (0) | 2012.06.05 |
| 01_01_event_basic.jsp (0) | 2012.06.05 |
* jQuery event메소드 - 1
• bind(‘event type’,[data] , 처리 function)
– Event 등록
• unbind(‘event type’)
– Event 해제
• one(‘event type’, function)
– 한번만 실행되는 event 처리
• live(“event type”, function)
– 현재 조건이 맞거나 앞으로 조건이 맞을 모든 요소에 event 처리
– Ajax연동 시 강력
• event 도우미 메소드
– bind() 메소드를 wrapping한 메소드들로 event명을 메소드 명으로 사용
– http://api.jquery.com/category/events/ 참고
– ex : click(function(){}), mouseover(function(){})
• 처리 function
– 구문 : function([event]){처리 코드}
– 인수 : event 객체 받을 수 있음.
– event 객체 property
• data – bind() 에서 넘긴 Data
• target – event 소스 객체
| jQuery fadeIn, fadeOut, fadeToggle메소드 (0) | 2012.06.11 |
|---|---|
| jQuery show, hide,toggle메소드 (0) | 2012.06.11 |
| 01_02_liveTest.html (0) | 2012.06.05 |
| 01_01_event_basic.jsp (0) | 2012.06.05 |
| Traversing(탐색) 메소드 – 추가 필터링 (0) | 2012.06.05 |
* 결과
| jQuery show, hide,toggle메소드 (0) | 2012.06.11 |
|---|---|
| jQuery event메소드 - 1 (0) | 2012.06.11 |
| 01_01_event_basic.jsp (0) | 2012.06.05 |
| Traversing(탐색) 메소드 – 추가 필터링 (0) | 2012.06.05 |
| Content/DOM 변경 및 조회 메소드 (0) | 2012.06.05 |
* 결과
| jQuery event메소드 - 1 (0) | 2012.06.11 |
|---|---|
| 01_02_liveTest.html (0) | 2012.06.05 |
| Traversing(탐색) 메소드 – 추가 필터링 (0) | 2012.06.05 |
| Content/DOM 변경 및 조회 메소드 (0) | 2012.06.05 |
| 2012-6-5 test_onload.html[실습] (0) | 2012.06.05 |
Traversing(탐색) 메소드 – 추가 필터링
• 조회한 요소들의 집합에서 원하는 요소를 찾는 메소드들
• eq(index)
– index와 일치한 요소 조회
• filter(표현식)
– 지정된 표현식과 일치하는 요소들 조회
• is(표현식) :
– 조회한 요소들 중 표현식을 만족하는 요소가 있으면 true(하나라도 있
으면) 없으면 false
• not(표현식) :
– 표현식과 일치하지 않는 요소들 조회
• end() :
– 필터링 이전 단계로 돌리는 메소드
• $(‘div’).eq(1).addClass(‘a’).end() -> $(‘div’) 중 첫번째 것에 ‘a’ 클래스를 붙인뒤 다시
$(‘div”) 선택상태로 돌린다.
• find(표현식)
– 조회한 요소의 자식요소 중 표현식과 일치한 것을 검색
• add(표현식)
– 조회한 요소에 표현식에 맞는 요소를 추가한다.
• next([표현식])
– 조회한 요소 바로 다음에 오는 형제 요소 선택
• nextAll([표현식])
– 조회한 요소 다음의 모든 형제 요소
• prev([표현식])
– 조회한 요소 바로 전에 오는 형제요소 선택
• prevAll([표현식])
– 조회한 요소 이전의 모든 형제 요소 선택
• siblings([표현식])
– 조회한 요소의 모든 형제 요소(자신은 제외) 선택
• parent([표현식])
– 조회한 요소의 부모요소
• children([표현식])
– 조회한 요소의 자식 요소
| 01_02_liveTest.html (0) | 2012.06.05 |
|---|---|
| 01_01_event_basic.jsp (0) | 2012.06.05 |
| Content/DOM 변경 및 조회 메소드 (0) | 2012.06.05 |
| 2012-6-5 test_onload.html[실습] (0) | 2012.06.05 |
| 2012-6-5 02_table.html[실습] (0) | 2012.06.05 |
• append(value)
– 선택요소내의 content 뒤에 value를 붙인다.
• prepend(value)
– 선택요소내의 content 앞에 value를 붙인다.
• appendTo(selector)
– 선택된 요소를 selector로 선택된 요소내 내용 뒤에 붙인다.
• prependTo(selector)
– 선택된 요소를 selector로 선택된 요소내 내용 앞에 붙인다.
• after(value)
– 선택된 요소 뒤에 value를 붙인다.
• before(value)
– 선택된 요소 앞에 value를 붙인다.
• insertAfter(selector)
– 선택된 요소를 selector 뒤에 붙인다.
• insertBefore(selector)
– 선택된 요소를 selector 앞에 붙인다.
• remove()
– 선택된 요소들을 삭제한다.
• empty()
– 선택된 요소들의 자식 요소를 삭제 한다.
| 01_01_event_basic.jsp (0) | 2012.06.05 |
|---|---|
| Traversing(탐색) 메소드 – 추가 필터링 (0) | 2012.06.05 |
| 2012-6-5 test_onload.html[실습] (0) | 2012.06.05 |
| 2012-6-5 02_table.html[실습] (0) | 2012.06.05 |
| 2012-6-5 jQuery event메소드 (0) | 2012.06.05 |
* 결과
* 결과
| Traversing(탐색) 메소드 – 추가 필터링 (0) | 2012.06.05 |
|---|---|
| Content/DOM 변경 및 조회 메소드 (0) | 2012.06.05 |
| 2012-6-5 02_table.html[실습] (0) | 2012.06.05 |
| 2012-6-5 jQuery event메소드 (0) | 2012.06.05 |
| 2012-6-5 jQuery 03_selector_attr.html[실습] (0) | 2012.06.05 |
* 결과
| Content/DOM 변경 및 조회 메소드 (0) | 2012.06.05 |
|---|---|
| 2012-6-5 test_onload.html[실습] (0) | 2012.06.05 |
| 2012-6-5 jQuery event메소드 (0) | 2012.06.05 |
| 2012-6-5 jQuery 03_selector_attr.html[실습] (0) | 2012.06.05 |
| 2012-6-5 jQuery cssTest[실습] (0) | 2012.06.05 |
 by 조은성 |
||
|
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
