본문 바로가기

Tech/JavaScript

[jQuery] attr(), prop() 비교 및 차이 jQuery attr() 메서드와 prop() 메서드의 차이점 attr()과 prop() 차이를 말하기 전 우선 특성(attribute) 과 속성(property) 의 차이를 알아보자 1. 특성(attribute) 1). attribute는 html문서에서 elements 에 추가적인 정보를 입력할 때 사용되는 요소 ex) 위의 예제에서 div태그의 정보를 아래와 같이 정의할 수 있다 div: element(요소) class: attribute(속성) target: class attribut(속성)의 value(값) 2. 속성(property) 1). property는 html DOM에서 attribute(속성)을 가리키는 표현 2). 위의 예제를 DOM으로 표현하면 아래와 같이 표현할 수 있음 DIV ..
[jQuery] 키보드 이벤트(Keydown, Keypress, Keyup) 1. 이벤트 발생순서 키보드 입력 -→ keydown -→ 글자 입력 -→ keypress -→ 키보드 뗌 -→ keyup 2. 동작방식 2-1). keydown 키보드에서 key를 눌렀을 경우 실행 대소문자의 key value를 구별안함 2-2). keypress 키보드에서 key를 눌렀을 경우 실행 대소문자의 key value를 구별함 영어, 숫자 등 화면상에 입력되는 key가 눌렸을 때 실행 즉, 방향키 등과 같은 특수 key는 인식안됨 ( enter 제외) 2-3). keyup 키보드에서 손을 뗀 경우 한 번 실행 대소문자의 key value를 구별안함 3. 주의사항 대부분의 브라우저는 event 객체를 파라미터로 전달하지 않아도 참조가능 Firefox의 경우는 event 객체를 파라미터로 전달해..