본문 바로가기
Tistory 운영

[Tistory] jQuery로 링크 클릭 시, 새 탭에서 띄우기 설정

by 까망 하르방 2021. 2. 21.
반응형

Tistory 에디터에서는 링크 설정 관련해서 새탭에서 띄우기 여부를 간편하게 설정할 수 있다.

▶ [Tistory] 링크 클릭 시, 새 탭에서 띄우기

 

[Tistory] 링크 클릭 시, 새 탭에서 띄우기

여러 브라우저에서는 아래와 같이 새로운 창을 "탭" 단위로 관리한다. 블로그에서 흔하게 볼 수 있는 것이 "링크" 이다. 링크를 통해서 관련 자료를 보다 효율적으로 연결할 수 있다. 하지만 버튼

zoosso.tistory.com

JavaScript 혹은 jQuery를 이용해서 링크 관리를 효율적으로 할 수 있다.

▶ [Tistory] 블로그 스킨 편집 글을 참고해서 "스킨 편집" 상태로 전환

 

[Tistory] 블로그 스킨 편집

기술 블로그를 운영할 때, 여러 플랫폼 사이에서 고민하게 된다. ▶ 기술 블로그 플랫폼(Platform) 선정 시 고려사항 기술 블로그 플랫폼(Platform) 선정 시 고려사항 개발자들이 주로 사용하는 플랫

zoosso.tistory.com

 

[HTML] 탭에서 현재 사용하고 있는 Skin의 태그들을 확인할 수 있다.

▶ Chrome 개발자 도구 (F12)  

 

"하이퍼 링크" html에서는 <a> 태그를 사용한다.

html 하단에 아래 script 추가

<!-- Customizing -->
<script>
    // "acmicpc" 문구를 포함하는 href 속성을 가진 태그에서
    // 해당 태그의 target 속성을 _blank로 설정
    $("a[href*=acmicpc]").attr("target", "_blank")
</script>

-  jQuery 설치되어 있어야 함 (Skin에 따라 기본적으로 제공해주기도 한다.)

- $("a") 만 선택하면 Page의 모든 <a> 태그가 선택되기 때문에 범위 선정 유의 

 

 [CSS] CSS 선택자

▶ attr() :: 속성 값 가져오기 및 추가

 

attr() :: 속성 값 가져오기 및 추가

.attr()은 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가한다. ① 속성 값 가져오기 $('a').attr('href'); (현재 Page) 모든 a 태그의 href 속성에 적혀져 있는 값을 가져온다. * 태그 혹은 클..

zoosso.tistory.com

 

반응형

댓글