$("#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) 할 때 // 작업 ..
공백을 제거하는 방법에는 tirm을 이용한 방법과 replace를 이용한 방법이 있다. 공백 제거에 사용된 정규 표현식과 trim, replace를 알아보자. 정규 표현식 공통 부분 - gi g 모든 전역 (첫번째 일치하는 문자열을 찾아도 끝까지 찾는다) i 대소문자 구분 없이 문자열의 앞의 공백 제거 var text = " 가 나 다 "; text = text.replace(/^[\s\uFEFF\xA0]+/gi,''); alert(text); // "가 나 다 " ^ (문자열의 처음) \s (공백), \uFEFF (이스케이프된 빈 문자) + (일치하지 않을 때까지) \xA0 (이스케이프된 공백) 문자열의 뒤의 공백 제거 var text = " 가 나 다 "; text = text.replace(/[\s..