[jQuery] 기존 DIV 바로 뒤에 새로운 DIV 추가하기
![[jQuery] 기존 DIV 바로 뒤에 새로운 DIV 추가하기 1](https://www.thewordcracker.com/wp-content/uploads/2016/04/wordpress-code.jpg)
특정 DIV 다음에 새로운 DIV를 추가하고 원하는 클래스를 부여하고 싶은 경우가 있을 수 있습니다. 이 경우 소스를 수정할 수 있다면 좋겠지만 그렇지 않은 경우 jQuery를 사용할 수 있습니다. 여러 가지 방법을 생각해볼 수 있습니다. 우선 다음과 같은 ...
jQuery 예제
Javascript를 사용하여 현재 페이지 새로 고침하기
여러 가지 방법을 사용하여 현재 페이지를 새로 고침(리로드)할 수 있습니다. Javascript Refresh는 여러가지 이유로 사용하지 않는 것이 좋고 리디렉션(redirection)은 구글로부터 SEO 페날티를 먹는다고 합니다. 새로 고침(refresh)이나 리디렉션(redirection)을 해야 하는 경우 php로 하는 것이 바람직하다고 합니다. ...
[jQuery] 페이지 로드 시 특정 DIV로 스크롤시키는 방법
![[jQuery] 페이지 로드 시 특정 DIV로 스크롤시키는 방법 3](https://www.thewordcracker.com/wp-content/uploads/2016/03/scripts.jpg)
페이지 로드 시 특정 DIV 또는 앵커(anchor) 위치로 스크롤되도록 해야 하는 상황이 있습니다. 그런 경우 간단한 jQuery로 쉽게 특정 위치로 이동되도록 할 수 있습니다. 페이지 로드 시 특정 DIV로 스크롤시키는 방법(jQuery) 페이지 로드 시 특정 ...
[jQuery] 새 창에서 링크 열기
![[jQuery] 새 창에서 링크 열기 4](https://www.thewordcracker.com/wp-content/uploads/2016/04/Opein-in-a-new-window-using-jQuery.jpg)
링크를 새로운 창이나 탭에서 실행되도록 하려면 html 태그에서 target="_blank"를 추가해야 합니다. 직접 소스를 수정하지 않으려면 jQuery를 사용할 수 있습니다. 먼저는 attr 메소드를 사용하여 target="_blank"를 추가하는 방법을 생각해볼 수 있습니다. $(document).ready(function(){ $("a[href^='http']").attr('target','_blank'); }); 위와 같이 사용하면 모든 ...
javascript를 사용하여 특정 DIV 내의 컨텐츠만 인쇄하기
크롬이나 Internet Explorer에서 오른쪽 버튼을 눌러 인쇄할 때 특정 DIV 요소 내의 컨텐츠만을 인쇄하기를 원할 수 있습니다. 이 경우에 자바스크립트나 jQuery를 사용하여 쉽게 해결할 수 있습니다. 여러 가지 javascript/jQuery 스크립트로 테스트하여 다음 코드가 제대로 작동하는 것을 확인했습니다. ...
[jQuery] 텍스트를 유지한 상태에서 하이퍼링크 지우기
![[jQuery] 텍스트를 유지한 상태에서 하이퍼링크 지우기 6](https://www.thewordcracker.com/wp-content/uploads/2016/03/Remove-or-Change-hyperlink-using-jQuery.jpg)
CSS를 사용하여 하이퍼링크를 비활성화하는 방법은 여기에서 확인해볼 수 있습니다. 이글에서는 jQuery를 사용하여 태그를 제거하여 하이퍼링크를 비활성화하는 방법을 살펴보겠습니다. 예를 들어, 다음과 같은 HTML 코드가 있다고 생각해봅시다. <a href="http://www.google.com/" title="Link to Google">Google</a> 우선은 다음과 같이 간단하게 ...
[jQuery] 텍스트에 하이퍼링크(hyperlink) 적용하기
![[jQuery] 텍스트에 하이퍼링크(hyperlink) 적용하기 7](https://www.thewordcracker.com/wp-content/uploads/2016/03/copy-hyperlink-one-element-to-anther-using-jquery.jpg)
jQuery를 사용하여 텍스트에 하이퍼링크(hyperlink)를 적용하는 예시입니다. jQuery를 사용하여 텍스트에 하이퍼링크(hyperlink) 적용하기 jQuery로 텍스트에 하이퍼링크(hyperlink)를 적용하려면 메소드를 사용합니다. 가령 다음과 같은 스크립트의 경우: $("button").click(function(){ $("p").wrap("<div></div>"); }); // Source: w3schools 각 요소 부분을 요소로 둘러싸게 됩니다. 이것을 ...
DIV 너비를 창에 맞게 확장시키는 방법(CSS/jQuery)
하위 DIV(Child DIV)를 페이지 너비에 맞게 확장시키는 방법에 대해 간략히 살펴봅니다. 예를 들어 다음과 같은 HTML 코드가 있을 때, <div class="container" style="width: 960px"> <div class="child_div" style="width: 100%; margin: 0 auto;"> 내용 </div> </div> 창 너비가 ...
jQuery를 사용하여 텍스트 변경하기
이 글에서는 CSS를 사용하여 텍스트를 다른 문구로 바꾸는 방법을 살펴보았습니다. CSS 대신 jQuery를 사용하면 보다 수월하게 텍스트를 원하는 대로 바꿀 수 있습니다. jQuery를 사용하여 텍스트 변경하는 방법 다음과 같은 스크립트를 사용하면 해당 선택자의 텍스트 컨텐츠를 설정하게 됩니다. ...
jQuery를 사용하여 요소(DIV) 위치 바꾸기
jQuery를 사용하여 DIV 요소의 위치를 바꾸고 싶은 경우 참고해보세요. jQuery를 사용하여 요소(DIV) 위치 바꾸기 jQuery 샘플 1 예를 들어 다음과 같이 세 개의 항목이 있을 경우 HTML/PHP 소스 코드를 수정하지 않고 첫 번째 DIV 항목을 두 번째 DIV 항목 ...
