$("#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...
공백을 제거하는 방법에는 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..
attr 태그의 속성값을 가져오거나 설정한다. $("#img_id").attr( "class"); #img_id의 class를 가져옴 - test_class $("#img_id").attr("src", "resources/images/good.png"); #img_id의 이미지를 "resources/images/good.png"로 변경함 $("#img_id").attr("value"); #img_id의 value를 가져옴 - 1234 $("#img_id").attr("value", "5678"); #img_id의 value를 5678로 변경함 prop 태그의 상태값을 가져오거나 설정한다. // true - 체크 O // false - 체크 X $("#chk").attr( "checked"); #chk의 ..