$("#id").remove(); 지정한 요소와 하위 요소를 모두 제거한다. 제거 되는 요소들의 데이터와 이벤트가 전부 제거된다. $("#id").detach(); 지정한 요소와 하위 요소 모두를 제거한다. 제거 되는 요소들의 데이터와 이벤트가 제거되지 않고 유지된다. 요소 제거 후 append로 재생성 하는 경우에 사용한다. (데이터, 이벤트 유지) $("#id").empty(); 지정한 요소의 하위 요소를 모두 제거한다. 지정한 요소는 제거되지 않는다. 제거 되는 요소들의 데이터와 이벤트가 전부 제거된다.
[JS] disabled, readonly 사용법과 차이점
사용법 disabled 와 readonly 는 input 박스에서 사용자가 값을 입력 및 수정을 할 수 없게 하는 속성이다. 제이쿼리(jQuery) $("#test").attr("disabled",true); $("#test").attr("disabled",false); $("#test").attr("readonly",true); $("#test").attr("readonly",false); 자바 스크립트(javascript) document.getElementById('test').disabled = true; document.getElementById('test').disabled = false; document.getElementById('test').readOnly = true; document...
[JS] jQuery is not defined, $ is not defined 오류
개발자 모드(F12)에서 아래의 에러가 발생했다. Uncaught ReferenceError: jQuery is not defined Uncaught ReferenceError: $ is not defined 제이쿼리 (jQuery)가 제대로 로드 되지 않아서 발생한 것이다. 해결 방법 아래의 // jQuery에서 제공하는 3.5.1 버전의 jQuery CDN 호스트 jQuery는 바로 위에 넣기를 권장한다. 사이에 넣으면 웹브라우저가 HTML 문서를 해석(Parsing) 할 때 // 작업 ..
반응형 웹은 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC등 접속하는 디스플레이 종류에 따라서 화면 크기가 자동으로 변하게 해준다. 뷰 포트(View Port)는 작은 화면의 스마트폰에서 PC의 웹 페이지 표시할 때 전체적인 페이지의 배율을 조정해준다. 반응형 웹에서 페이지의 배율이 아닌 CSS 스타일을 변경하고 싶다면 - 미디어 쿼리 (Media Query) 태그 사이에 아래의태그를 추가한다. 뷰 포트 설정 width=device-width : 페이지의 가로 길이를 기기의 스크린 가로 길이로 설정한다. height=device-height : 페이지의 세로 길이를 기기의 스크린 세로 길이로 설정한다. initial-scale : 페이지 로드 시 줌 레벨을 조정한다. minimum-scale : 줄일..