프로그래밍언어/자바스크립트

[jquery] 상위, 하위, 형제 요소 선택 총 정리

jquery 상위, 하위 형제 요소 선택 총 정리 parent는 익숙해도 sibling은 쓸 일이 적어서 자꾸 구글링 하는 내 자신을 위해... 📌 상위 요소 (부모 요소) 상위 요소 : 부모 요소​ .parent() 선택한 요소의 부모(parent) 요소를 선택한다. .parents() 선택한 요소의 상위(ancestor) 요소를 모두 선택한다. .parentsUntil() 선택한 요소의 상위 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다. .closest() 선택한 요소를 포함한 상위 요소 중에서 지정한 선택자에 해당하는 요소 중 가장 첫 번째 요소를 선택한다. 📌 하위 요소 (자식 요소) 하위 요소 : 자식 요소 .children() 선택한 요소의 자식(child)..

[Javascript] 한글, 영문, 숫자, 특수문자 유효성 검사

자바스크립트 유효성 검사 회원가입, 예약 등 폼에는 유효성 검사가 필수적으로 사용된다 이 때 String.test 메소드를 사용하면 된다 📌 사용법 var pattern_num = /[0-9]/;// 숫자 var pattern_eng = /[a-zA-Z]/;// 문자 var pattern_spc = /[~!@#$%^&*()_+|?:{}]/; // 특수문자 var pattern_kor = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/; // 한글체크 //pattern_OOO.test(str) => true면 해당 문자 있음, false면 해당 문자 없음! if( (pattern_num.test(str)) && !(pattern_eng.test(str)) && !(pattern_spc.test(str)) && !(patter..