jQuery

🔸 학습내용

(1) Form 태그 선택자

• :input은 모든 입력에 관련된 태그들을 선택 한다.

• input 태그의 type 속성에 따라 선택 가능

• 선택가능한 type
  :text :password :radio :checkbox :submit :reset "button :image :file

  • 실행결과
    

• 활성화, 비활성화 상태에 따라 선택 가능
  :enabled disabled

  • 실행결과
    

(2) jQuery 이벤트 함수

• 여러 이벤트에 대해 이벤츠 처리를 할 수 있는 함수를 제공

• 각 함수는 해당 이벤트가 발생 됐을 때 등록된 함수를 자동으로 호출한다.

• 더보기...

  • click : 클릭할 때
  • dbclick : 더블클릭
  • mouseenter mouseleave : 마우스커서가 들어왔다가 나갈 때(따로 작성해줘야함)
  • mousedown mouseup : 마우스를 눌렀을 때와 떼었을 때
  • hover : 마우스 커서가 들어왔다가 나갈 때
    

  • focus : 포커스가 주어졌을 때
  • blur : 포커스를 잃었을 때
    

  • on : 이벤트를 설정하는 함수
  • off : 설정된 이벤트를 제거하는 함수
  • one : 이벤트를 설정하고 이벤트가 발생했을 때 자동으로 제거
    

🔸 어려웠던 점, 해결방안

on, off 이벤트 함수 실습내용이 아무리해도 실행되지 않는다.
일단 다른 방법으로 해결은 했는데, 기존 강사님께서 작성해주신 onclick을 사용한 코드가 왜 안되는건지 모르겠다.
강사님께서 만드신 코드에 문제가 있는건지 내가 잘못한건지 일단 오타는 없는데 아무리 찾아봐도 원인을 모르겠다..
계속 구글링 중인데 아직까지 스크립트 코드를 작성할때 순서나 개념이 뒤죽박죽이라서 그런지 코드를 봐도 머리에 들어오지 않아서 문제다. 일단 다음으로 넘어가고.. 내일 강사님께 피드백을 요청해보고자 한다.