jQuery animate메소드

프로그래밍/jQuery 2012. 6. 11. 10:48

-.animate("바뀔상태", 밀리초, function(){});

 

* 결과

 

 

 

'프로그래밍 > jQuery' 카테고리의 다른 글

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
Posted by 조은성
,

jQuery fadeIn, fadeOut, fadeToggle메소드

프로그래밍/jQuery 2012. 6. 11. 10:30

-.fadeIn([초])
-.fadeOut([초])
-.fadeToggle([초])

* fade를 써주는 것과 안써주는 것은 사라지거나 보여질때 효과가 다르다.

 

* 결과

 

 

 

 

 

 

 

 

'프로그래밍 > jQuery' 카테고리의 다른 글

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
Posted by 조은성
,

jQuery show, hide,toggle메소드

프로그래밍/jQuery 2012. 6. 11. 09:57

-.show([밀리초]) : 목록을 보여준다.
-.hide([밀리초]) : 목록을 숨긴다.

-.toggle([밀리초]) : show와 hide를 합쳐둔것.(show일때 클릭하면 hide로 감춰주고, hide면 show로 보여준다.)

 

 

* 결과

 

 

 

'프로그래밍 > jQuery' 카테고리의 다른 글

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
Posted by 조은성
,

jQuery event메소드 - 1

프로그래밍/jQuery 2012. 6. 11. 09:21

* 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' 카테고리의 다른 글

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
Posted by 조은성
,

01_02_liveTest.html

프로그래밍/jQuery 2012. 6. 5. 17:40

 

* 결과

 

 

 

 

 

'프로그래밍 > jQuery' 카테고리의 다른 글

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
Posted by 조은성
,

01_01_event_basic.jsp

프로그래밍/jQuery 2012. 6. 5. 17:36

 

* 결과

 

 

 

 

 

 

 

'프로그래밍 > jQuery' 카테고리의 다른 글

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
Posted by 조은성
,

Traversing(탐색) 메소드 – 추가 필터링

프로그래밍/jQuery 2012. 6. 5. 17:23

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([표현식])
– 조회한 요소의 자식 요소

 

 

'프로그래밍 > jQuery' 카테고리의 다른 글

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
Posted by 조은성
,

Content/DOM 변경 및 조회 메소드

프로그래밍/jQuery 2012. 6. 5. 16:11
Content/DOM 변경 및 조회 메소드
• html()
– 선택요소의 html 내용을 가져옴. innerHtml과 동일
• html(value)
– 선택요소에 인수로 받은 value를 넣는다.
– value내에 html태그가 있는 경우 태그로 들어간다.
• text()
– 선택요소 내의 html태그 요소를 제외한 내용을 가져옴
• text(value)
– 선택요소 내에 인수로 받은 value를 넣는다.
– value내의 html태그도 text로 들어간다.
• val()
– input 태그의 value 값을 조회
• val(value)
– 인수로 받은 value를 input 태그의 value 값을 설정

• 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()
– 선택된 요소들의 자식 요소를 삭제 한다.

 

'프로그래밍 > jQuery' 카테고리의 다른 글

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
Posted by 조은성
,

2012-6-5 test_onload.html[실습]

프로그래밍/jQuery 2012. 6. 5. 15:56

 

* 결과

 

 

 

 

* 결과

 

 

 

'프로그래밍 > jQuery' 카테고리의 다른 글

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
Posted by 조은성
,

2012-6-5 02_table.html[실습]

프로그래밍/jQuery 2012. 6. 5. 15:54

 

* 결과

 

 

'프로그래밍 > jQuery' 카테고리의 다른 글

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
Posted by 조은성
,

티스토리툴바