국비지원 공부 정리/Jquery 2

jQuery 요소 탐색, 클래스 조작, 이벤트

요소의 탐색jQuery 쓰는 법의미예시• $( 선택자 ).parent().함수()• 바로 위에 존재하는 하나의 부모 요소 선택 • $( 선택자 ).parents().함수()• 바로 위 부모뿐만 아니라 부모의 부모, 모든 조상을 선택 • $( 선택자 ).next().함수()• 선택된 요소 바로 다음에 위치한 형제 요소 선택 • $( 선택자 ).prev().함수()• 선택된 요소 바로 이전에 위치한 형제 요소 선택 • $( 선택자 ).children().함수()• 선택된 요소의 자식 요소 모두 선택  클래스 조작하기jQuery 쓰는 법의미예시• $( 선택자 ).addClass(“클래스명”)• 선택된 요소에 클래스 추가• $("h1").addClass(“.c1”)• $( 선택자 ).removeClass(“클래..

jQuery 기본, 요소의 배치

jQuery자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 라이브러리 jQuery의 장점• 주요 웹 브라우저의 구버전을 포함한 대부분의 브라우저에서 지원 가능 • HTML DOM을 손쉽게 조작 가능하며, CSS 스타일도 간단히 적용 가능 • 애니메이션 효과나 대화형 처리를 간단하게 적용 • 같은 동작을 하더라도 더욱 짧게 구현 가능 • 오픈 라이선스를 적용해 누구나 자유롭게 이용 가능 jQuery의 기초 표현$(선택자).동작함수(); $ 는 jQuery() 함수의 축약 형태로, 식별자 역할 jQuery의 메소드  - 기본jQuery 쓰는 법의미예시$( 선택자 ).val();value 값을 가져올 수 있다.var value = $("input").val();$(선택자).val(“..