Spring/JavaScript+Jsp(HTMl)39 [ jQuery / js] 요소 삭제 메소드(remove, detach, empty, unwrap) remove 선택한 HTML 요소를 DOM트리에서 삭제 (요소와 관련된 이벤트나 jQuery 데이터도 함께 삭제) 더보기 HTML Hello Java a b c button JavaScript function click1() { //$("p").remove(); // p태그를 DOM에서 모두 삭제 $("p").remove('#a'); // p태그 중 id가 a인 요소를 찾아서 삭제 $("#b").remove(); //id가 b인 요소를 삭제 } 결과 detach 선택한 요소를 DOM 트리에서 삭제 (요소와 관련된 이벤트와 jQuery 데이터는 삭제되지 않고 유지) 더보기 HTML Hello Java a b c 삭제 복구 JavaScript var data = null; function btn1() { d.. 2022. 4. 19. [ js ] select태그에 readonly 기능주기 input태그에는 readonly 기능이 있지만, SELECT태그에는 readonly 기능이 따로 없다. SELECT태그에 disable 한 후에 폼데이터를 넘기면 데이터값이 넘어가지 않는다. select태그에 readonly 기능주기 위해서는 disable 한 후에 폼데이터를 넘기기 직전에 disable을 풀어주는 방법과 아래와 같이 option들을 disable 하는 방법이 있다. Volvo Saab Mercedes Audi // jquery 이용(option에 disable설정 안 할 경우 ) $("#mySelectID option").not(":selected").attr("disabled", "disabled"); // to remove readonly, enable them again: $(".. 2022. 3. 18. [ JS ] strict mode(use strict) 엄격모드 Strict 모드의 장점 1. JavaScript 오류는 아니지만 함정이 될 어떤 일을 오류가 발생하도록 변경하여 제거한다 (코드의 문제를 더 빨리 알리고 소스로 더 빨리 안내하므로, 결과적으로 디버깅이 쉬워진다.) 2. JavaScript 엔진의 최적화 처리를 어렵게 만드는 오류를 수정한다. (동일한 코드보다 빠르게 수행 할 수 있다.) 3.미래의 ECMAScript로 정의 될 예정 구문을 금지한다. (발생가능한 에러를 예방) [ Strict 모드 사용법 ] 엄격모드를 전체 스크립트에 적용하기 위해, 정확한 구문 "use strict";(또는 'use strict';) 을 다른 구문 작성 전에 삽입 1. 스크립트에서 Strict mode 적용 // 전체 스크립트 엄격 모드 구문 "use strict";.. 2022. 3. 16. [ js ] 하루동안 이 창을 열지 않음(하루 그만보기) 기능 구현_팝업,레이어팝업 쿠키를 이용해 오늘 하루 그만보기(하루동안 이 창을 열지 않음) 기능을 구현 할 수 있다. 이는 팝업, 레이어팝업 등의 공지사항에 쓰면 유용할 것 같다. * 체크 및 닫기 후 다시 창을 띄우기 위해선 인터넷 -> 쿠키 및 사용 기록 삭제를 해주면 된다.(ctrl+shift + delete) [ html ] ... -------팝업 html 일부 오늘만 이 창을 열지 않음 [ js ] todayPopup(); //팝업창 생성 function todayPopup() { var blnCookie = getCookie( 'today-pop' ); //쿠키 가져와서 Y일때 팝업창 생성 if( blnCookie != "Y") { var url = getContextPath() + '/test/popupToday.. 2022. 3. 13. [ javaScript ( js ) ] 정규식을 이용한 마스킹 처리(가리기) & 정규 표현식 & replace() & repeat() 개발을 하다보면 개인정보 보호를 위해서 어떠한 값에 마스킹을 하는 경우가 필요합니다. 그럴 경우 정규식을 이용하여 마스킹이 가능합니다. [ Java ] String name ="java"; name = name.replaceAll("(?( 2022. 3. 12. 이전 1 ··· 4 5 6 7 8 다음 728x90
