> 웹 프론트엔드 > JS 튜토리얼 > jQuery를 사용하여 하이퍼링크 대상을 어떻게 변경할 수 있습니까?

jQuery를 사용하여 하이퍼링크 대상을 어떻게 변경할 수 있습니까?

Linda Hamilton
풀어 주다: 2024-12-16 09:34:11
원래의
173명이 탐색했습니다.

How Can I Change Hyperlink Targets Using jQuery?

jQuery로 하이퍼링크 대상 수정

문제: jQuery를 사용하여 하이퍼링크의 'href' 속성을 어떻게 변경합니까?

해결책:

다음으로 하이퍼링크 대상을 수정하려면 다음 구문을 사용하세요.

$("a").attr("href", "new_target")
로그인 후 복사

여기서 "a"는 하이퍼링크 선택기를 나타내고 "new_target"은 원하는 대상입니다.

예:

모든 하이퍼링크를 Google로 리디렉션하려면, 사용:

$("a").attr("href", "http://www.google.com/")
로그인 후 복사

세분화:

특정 하이퍼링크를 선택하려면 세분화된 선택기를 사용하세요.

$("a[href]")
로그인 후 복사

이것은 기존 ' href' 속성.

고급 수정:

특정 href를 일치시키거나 href의 일부만 업데이트하는 등 더 복잡한 수정을 위해서는 선택기와 jQuery 함수의 조합을 사용하세요.

$("a[href='http://www.google.com/']").attr('href', 'http://www.live.com/')
로그인 후 복사

하이퍼링크를 찾습니다. 특정 href와 일치하고 타겟을 'http://www.live.com/'으로 업데이트합니다.

$("a[href^='http://stackoverflow.com']")
   .each(function()
   { 
      this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/, 
         "http://stackoverflow.com");
   });
로그인 후 복사

이렇게 하면 'http://stackoverflow.com'으로 시작하는 하이퍼링크는 정규식을 사용하여 접두사를 'http://stackoverflow.com'으로 바꿉니다.

위 내용은 jQuery를 사용하여 하이퍼링크 대상을 어떻게 변경할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿