Search Results for:

자바스크립트를 이용한 시도, 시군구, 읍면동 주소 셀렉트 박스

자바스크립트를 이용한 시도, 시군구, 읍면동 주소 셀렉트 박스

워드프레스 Quform 플러그인에 시도/시군구/읍면동 셀렉트 박스를 추가하는 방법에 대한 문의가 있어서 공개된 자바스크립트 소스들을 테스트해 보았습니다. 여러 가지 스크립트 중에서 티스토리 블로그의 "jQuery 셀렉트박스 제어 예제 select box control example" 글에 소개된 스크립트가 잘 작동했습니다. jQuery를 사용하여 구현되었는데요, 저는 자바스크립트로 변환하여 응용해 보았습니다. ※ 원 출처가 잘못되었다고 올바른 출처로 바꾸어 달라는 요청이 있어서 출처를 변경했습니다....

[jQuery] 기존 DIV 바로 뒤에 새로운 DIV 추가하기

[jQuery] 기존 DIV 바로 뒤에 새로운 DIV 추가하기

특정 DIV 다음에 새로운 DIV를 추가하고 원하는 클래스를 부여하고 싶은 경우가 있을 수 있습니다.  이 경우 소스를 수정할 수 있다면 좋겠지만 그렇지 않은 경우 jQuery를 사용할 수 있습니다. 여러 가지 방법을 생각해볼 수 있습니다. 우선 다음과 같은 스크립트가 있습니다. var myClass = "thisIsMyClass"; var div = $("<div></div>").addClass(myClass); $(this).after(div); 예를 들어, 다음과 같이 응용할 수 있습니다. var myClass...

jQuery를 사용하여 요소(DIV) 위치 바꾸기
|

jQuery를 사용하여 요소(DIV) 위치 바꾸기

jQuery를 사용하여 DIV 요소의 위치를 바꾸고 싶은 경우 참고해보세요. jQuery를 사용하여 요소(DIV) 위치 바꾸기 jQuery 샘플 1 예를 들어 다음과 같이 세 개의 항목이 있을 경우 HTML/PHP 소스 코드를 수정하지 않고 첫 번째 DIV 항목을 두 번째 DIV 항목 뒤로 이동시키거나 세 번째 DIV 항목 뒤로 이동시켜야 하는 경우가 있을 수 있습니다. <div class="item one">첫 번째 항목</div> <div class="item...

jQuery를 사용하여 특정 콘텐츠 추가하기

jQuery를 사용하여 특정 콘텐츠 추가하기

.append() 메소드(method)를 사용하면 각 요소의 마지막 자식(last child) 항목으로 지정한 콘텐츠를 추가하고 .prepend() 메소드를 사용하면 첫 번째 자식 항목(first child) 항목으로 추가합니다. 예를 들어, 다음과 같은 HTML이 있는 경우: <div class="container"> <div class="inner">안녕하세요.</div> <div class="inner">안녕히 계세요.</div> </div> 다음과 같은 jQuery를 사용하여 여러 각 요소에 콘텐츠를 추가할 수 있습니다: $( ".inner" ).append( "<p>테스트</p>" ); 그러면 다음과 같이 지정한 콘텐츠가 추가됩니다....