개발일지

.find() 현재 객체집합에서 셀렉터와 일치하는 요소들을 리턴한다 .parent() 현재 객체집합의 직계 부모요소를 리턴한다 .parents() 현재 객체집합의 모든 부모요소를 리턴한다 .children() 현재 객체집합의 모든 자식요소를 리턴한다 .siblings() 현재 객체집합의 모든 이웃요소를 리턴한다(자기 제외) .next() 현재 요소의 다음 이웃요소를 리턴한다 .nextAll() 현재 요소의 다음 이웃요소를 모두 리턴한다 .prev() 현재 요소의 이전 이웃요소를 리턴한다 .prevAll() 현재 요소의 이전 이웃 요소들을 모두 리턴한다 사용방법 $('선택자').dom메서드('찾을대상') 할아버지 큰아버지 영식이 영남이 영낙이 영순이 단락1 단락2 작은아버지 영민이 영만이 확인 $('but..

보호되어 있는 글입니다.

1. 기본적인 시각적 효과 *show() / hide() toggle() => show() / hide()를 번갈아 실행 slideDown() / slideUp() slideToggle() => slideDown() / slideUp()를 번갈아 실행 fadeIn() / fadeOut() fadeToggle() => fadeIn() / fadeOut()를 번갈아 실행 *네가지 형식으로 사용. $(selector).method(); $(selector).method(speed); $(selector).method(speed, callback); callback => function(){} - 애니메이션이 모두 계산된 직 후 처리되는 함수 $(selector).method(speed, easing, call..

1) bind()메소드 *$(선택자).bind(eventName, function(event){ }) $(선택자).bind(object) *이벤트 핸들러 안에서 this키워드는 이벤트를 발생한 객체. 2)$(선택자)/on('이벤트',function() {}) 메소드 3)$(선택자).이벤트(function (){ }) 기타) $(선택자).toggle(function(//홀수번째 계산){}, function()//{짝수번째 계산}); $(선택자).toggle(function(//1번째계산){}, function(){//2번째계산},function(){//3번째계산}); -> 배수 계산 $(선택자).hover(function(//mouseenter){}, function()//{mouseleave}); 이벤트..

문서 객체의 내부 추가 html() / text() 메서드 $('div.d1').html('div 박스안에 내용'); $('p.p1').text('p 박스안에 내용'); 문서 객체 삭제 메서드 Header-0 Header-1 Header-2 Header-3 문서 객체의 생성/삽입 $(A).appendTo(B) 메소드 =>A를 B의 뒷 부분에 추가 $(A).appendTo(생성할 부모태그) -> 태그이생성(추가)// 제이쿼리 전용 메서드 문서 객체의 생성/삽입 $(A).preppendTo(B) 메소드 =>B를 A의 앞 부분에 추가 $(A).preppendTo(생성할 부모태그) -> 태그이생성(추가)// 제이쿼리 전용 메서드

is() 메소드 => 문서 객체의 특징을 판별 true/false 반환 *hasClass('클래스명') => 선택요소가 지정 클래스명 가지고 있는지 검사. //점 없이 클래스명만 사용 문서의 단락 내용1 문서의 단락 내용2 문서의 단락 내용3 문서의 단락 내용4 'p' 객체의 is 메서드를 통해 클래스가 .select가 맞는지 검사 후 검사값이 true일 경우 색을 입힌다 .

* 기본형식 $('선택자'). 메서드(); 체이닝 기법 사용 (한 줄에 여러 메서드 사용 가능) $('선택자'). 메서드(). 메서드() 메서드() 메서드(); $('선택자'). css({속성 : '값',}) jQuery('선택자'). css('속성', '값'); $('선택자'). 메서드('속성' , function(index){return 값}) 타이틀 제목 단락 내용 입니다. 목록 내용 1부분 목록 내용 1부분 목록 내용 1부분 단락요소입니다 ---- Header-0 Header-1 Header-2 Header-3 Header-4 Header-5 odd (홀수번째 위치한 문서 객체를 선택)/ even(짝수) /first/last 요소:eq(n) => n번째 위치하는 문서 객체 / 요소:nth-of-t..

1. jQuery의 기초 및 기본문법 1) jQuery의 개념 - jQuery - jQuery의 특징 • 2006년 “John Resic”에 의해 디자인 된 자바스크립트 라이브러리 불필요한 코드를 줄이고 간결한 형식으로 단순화 → 가독성과 개발 효율성 ↑ • 단순화 웹 표준에 기반을 두어 개발됨 → jQuery 하나로 다양한 브라우저에서 동작하는 코드 작성이 가능함 • 크로스 브라우징 다양한 Selector를 이용하여 원하는 요소를 선택함 → :empty, :odd, :even 등 다양한 Selector가 존재 • 효율적인 Selector jQuery를 이용하여 Ajax를 더욱 단순하게 만들 수 있음 • 값이 들어가는 곳에 함수를 사용할 수 있고 retrun 값이 있어야 함.. jQuery 세팅(CDN ..