jQuery
-
[jQuery] 문법: 기호 '$(달러)' 의미Study/JavaScript 2020. 11. 2. 16:12
jQuery? $()? jQuery 생성자 함수 $() 팩토리(공장)함수 내부적으로는 new JQuery() 를 init 하여 공장처럼 찍어냄 함수를 호출하는 것 제이쿼리 기본 문법 $(선택자).동작함수(); 달러($) 기호: 제이쿼리 의미. 제이쿼리에 접근할 수 있게 해주는 식별자 선택자를 이용하여 원하는 HTML 요소를 선택하고 동작함수를 정의하여 선택된 요소에 원하는 동작 설정 $() 함수 선택된 HTML 요소를 제이쿼리에서 이용할 수 있는 형태로 생성해주는 역할 $() 함수를 통해 생성된 요소를 제이쿼리 객체(jQuery Object)라고 함 참고 더보기 "$", TCPSCHOOL, tcpschool.com/jquery/jq_basic_syntax , 2020-11-02 tistory, "$()"..
-
[jQuery] 키보드 이벤트(keyup, keydown, keypress)Study/JavaScript 2020. 10. 29. 11:02
keyup 키보드에서 손을 뗐을 때 실행 현재 누른 값을 가지고 있음 keydown 키보드를 눌렀을 때 실행(한번 실행) Ctrl, Alt, Shift 등 키 작동 이전 누른 값 정보를 가지고 있음 keypress 키보드를 눌렀을 때 실행(누르고 있는 동안 계속 실행) Ctrl, Alt, Shift 등 키 작동 하지 않음 이전 누른 값 정보를 가지고 있음 keyCode ASCII 값 keyup, keydown => a=65 A=65 동일 keypress => a=65 A=65 동일 X
-
[jQuery] 클래스 추가 제거 확인 addClass()/removeClass()/hasClass()Study/JavaScript 2020. 10. 28. 14:49
사용이유 스타일을 부여하기 위해 사용 1. attr() 2. css() 3. addClass() attr()나 css()를 사용할 경우 inline 형태로 스타일 부여됨 => 코드와 스타일 분리되지 않음 => !important 필요할 수 있음 위 단점들은 보안 addClass() 클래스을 추가하는 메소드 $(element).addClass('클래스명'); removeClass() 클래스을 제거하는 메소드 $(element).removeClass('클래스명'); hasClass() 클래스명이 존재하는지 확인하는 메소드 $(element).hasClass('클래스명'); 참고 더보기 "addClass", jQuery, api.jquery.com/addclass/ "removeClass", jQuery, a..