[Spring] Jquery

Jquery

• jquery 사용 이유
  • DOM 처리 쉽게
  • 이벤트 처리 쉽게
  • 시각적효과 쉽게
  • ajax 통신 쉽게
• jquery 식별자(의 기호) : $
• window ready
  • $(document.ready(function(){});
  • 줄여서 $(function(){ }) 이렇게 사용
• Jquery method
  • 대상이 되는 노드를 찾아야 메서드 호출해서 사용 가능
  • jquery 기본 선택자: 대상이 되는 노드를 선택하는 방법
    • 선택자에는 태그이름이 들어 갈 수 있다.
  • $("선택자").jquery가 제공하는 메서드;
    • ex) ${"h1").css("color", 'red")
• jquery 선택자
  
  • 모든 태그 선택자 : *
  • 태그 선택자: 태그이름
    • 태그의 속성의 값이 일치하는 것 찾고 싶을 때 : $("input[type=text]".val()
  • 클래스 선택자 : .클래스이름
  • 아이디 선택자 : #아이디이름
  • 후손 선택자 : 부모 자식
  • 자식 선택자 : 부모 > 자식
  • 필터 선택자 : 요소:필터
    • ex) tr:odd -> tr의 홀수번째만 골라 선택
• jquery 메서드
  • val() : value 설정 또는 읽어오는 jquery 메소드
  • css("속성","값") : css 설정 메소드
  • $.each(배열, 이배열이 있는 만큼 수행할 함수(배열의 index, 배열의 요소){}) : 반복문 수행을 위한 함수
  • find() :