jQuery를 사용하여 링크를 새 창에서 열기

jQuery를 사용하여 링크를 새 창에서 열기

특정 링크(예: 단일 링크, 모든 외부 링크 등)를 클릭했을 때 새 창에서 열리도록 하고 싶은 경우가 있을 수 있습니다. 이런 경우 HTML 소스에서 target=”_blank”를 삽입하면 쉽게 해결되겠지만 소스 코드를 수정할 수 없는 경우에는 어떻게 하면 좋을까요? 한 가지 방법으로 jQuery를 사용하여 target에 “_blank” 속성을 지정해줄 수 있습니다. $("a").attr("target", "_blank"); 위와...
[jQuery] 기존 DIV 바로 뒤에 새로운 DIV 추가하기

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

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

[jQuery] 페이지 로드 시 특정 DIV로 스크롤시키는 방법

페이지 로드 시 특정 DIV 또는 앵커(anchor) 위치로 스크롤되도록 해야 하는 경우에 다음과 같은 jQuery를 사용할 수 있습니다. $(document).ready(function () { $('html, body').animate({ scrollTop: $('#what').offset().top }, 'slow'); }); // Source: stackoverflow jsfiddle에서 실제 작동을 확인할 수 있습니다.  이 기법은 상황에 따라 유용하게 사용할 수...
[jQuery] 새 창에서 링크 열기

[jQuery] 새 창에서 링크 열기

링크를 새로운 창이나 탭에서 실행되도록 하려면 html 태그에서 target=”_blank”를 추가해야 합니다. 직접 소스를 수정하지 않으려면 jQuery를 사용할 수 있습니다. 먼저는 attr 메소드를 사용하여 target=”_blank”를 추가하는 방법을 생각해볼 수 있습니다. $(document).ready(function(){ $("a[href^='http']").attr('target','_blank'); }); 위와 같이...
[jQuery] 텍스트에 하이퍼링크(hyperlink) 적용하기

[jQuery] 텍스트에 하이퍼링크(hyperlink) 적용하기

jQuery로 텍스트에 하이퍼링크(hyperlink)를 적용하려면 wrap() 메소드를 사용합니다. 가령 다음과 같은 스크립트의 경우: $("button").click(function(){ $("p").wrap("<div></div>"); }); // Source: w3schools 각 <p> 요소 부분을 <div> 요소로 둘러싸게 됩니다. 이것을 응용하여 특정 요소 내 텍스트에 링크를 적용할 수 있습니다. 예를 들어 다음과 같은...
jQuery를 사용하여 요소(DIV) 위치 바꾸기

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

jQuery 샘플 1 예를 들어 다음과 같이 세 개의 항목이 있을 경우 HTML/PHP 소스 코드를 수정하지 않고 첫 번째 DIV 항목을 두 번째 DIV 항목 뒤로 이동시키거나 세 번째 DIV 항목 뒤로 이동시켜야 하는 경우가 있을 수 있습니다. <div class="item one">첫 번째 항목</div> <div class="item two">두 번째 항목</div> <div class="item three">세 번째...