오봉이와 함께하는 개발 블로그

선택한 요소를 변수에 저장 형식 var $변수명 = $('선택자'); var 변수명 = document.getElementById('#id'); 여러 개 찾은 경우 배열로 저장 var tds = document.getElementByTagName(‘td’); 주의 jQuery 선택자를 찾아서 자바스크립트 변수에 저장한 경우는 jQuery 메소드 사용 가능 DOM 선택 방식으로 선택해서 자바스크립트 변수에 저장한 경우 jQuery 메소드 사용 불가능 변수 저장 예제 - select-Variable.html jQuery 변수 변수명 앞에 $ 붙임 object로 jQuery 메소드 사용 가능 일반적으로 태그를 선택한 경우에는 객체로 $를 붙여서 사용 값을 가져온 경우 $를 붙이지 ..

jQuery 선택자 jQuery 코드는 선택자와 메소드의 조합으로 구성되는 경우가 많음 중간에 자바스크립트 코드 같이 작성 HTML 태그를 쉽게 선택하기 위해 선택자 사용 선택자 구조 $(‘선택자’).메소드(매개변수, 함수 등) $(‘span’).hide(); 큰 따옴표 / 작은 따옴표 다 사용 가능 선택자 종류 직접 선택자 전체 : $("*") 태그 : $("태그명") 아이디 : $("#id 명") 클래스 : $(".class 명") 그룹 선택자 인접 관계 선택자 상위 요소(조상/부모) 선택자 하위 요소 (자식/자손) 선택자 형제 선택자 필터 선택자 속성 선택자 컨텐츠 탐색 선택자 속성 선택자 HTML 태그(요소)의 지정된 속성 값에 따라 선택자로 정의 문법 태그명[속성] : []안의 속성을 포함하는 ..

jQuery 선택자 jQuery 코드는 선택자와 메소드의 조합으로 구성되는 경우가 많음 중간에 자바스크립트 코드 같이 작성 HTML 태그를 쉽게 선택하기 위해 선택자 사용 선택자 구조 $(‘선택자’).메소드(매개변수, 함수 등) $(‘span’).hide(); 큰 따옴표 / 작은 따옴표 다 사용 가능 선택자 종류 직접 선택자 전체 : $("*") 태그 : $("태그명") 아이디 : $("#id 명") 클래스 : $(".class 명") 그룹 선택자 인접 관계 선택자 상위 요소(조상/부모) 선택자 하위 요소 (자식/자손) 선택자 형제 선택자 필터 선택자 속성 선택자 컨텐츠 탐색 선택자 필터 선택자 태그의 상태나 순서 등으로 선택 ${‘태그명:순서필터’) $(‘tr:odd’) : 홀수 행만 선택 ${‘태그명..

jQuery 선택자 jQuery 코드는 선택자와 메소드의 조합으로 구성되는 경우가 많음 중간에 자바스크립트 코드 같이 작성 HTML 태그를 쉽게 선택하기 위해 선택자 사용 선택자 구조 $(‘선택자’).메소드(매개변수, 함수 등) $(‘span’).hide(); 큰 따옴표 / 작은 따옴표 다 사용 가능 선택자 종류 직접 선택자 전체 : $("*") 태그 : $("태그명") 아이디 : $("#id 명") 클래스 : $(".class 명") 그룹 선택자 인접 관계 선택자 상위 요소(조상/부모) 선택자 하위 요소 (자식/자손) 선택자 형제 선택자 필터 선택자 속성 선택자 컨텐츠 탐색 선택자 조상/부모/형제 요소 선택자 부모 요소 선택 : parent() 조상 : parents() 형제 : next() / nex..

jQuery 코드 형태 객체 구조로 객체.메소드 형태 객체 선택 %('선택자').메소드 $('p').css('color', 'red') : 모든 태그 선택하고 스타일 적용 사용자가 생성한 객체 사용 객체.메소드 var obj = $('선택자').메소드; obj.메소드 메소드 체이닝 여러 개의 메소드를 연결해서 사용 객체.메소드1.메소드2.@@@@.메소드n; jQuery 치환 jQuery의 모든 함수 및 객체는 jQuery에서 제공되는 것이라는 점을 나타내기 위해 코드 앞에 jQuery라는 키워드를 사용 jQuery(document).ready( function(){ alert("jQuery 시작 - external 방식"); } );..