>웹 프론트엔드 >JS 튜토리얼 >jQuery를 사용하여 하이퍼링크 대상을 수정하려면 어떻게 해야 합니까?

jQuery를 사용하여 하이퍼링크 대상을 수정하려면 어떻게 해야 합니까?

Barbara Streisand
Barbara Streisand원래의
2024-12-11 06:23:10732검색

How Can I Use jQuery to Modify Hyperlink Targets?

jQuery로 하이퍼링크 대상 수정

로드 후 하이퍼링크를 다른 대상으로 리디렉션해야 하는 경우가 많습니다. jQuery는 이를 달성하기 위해 하이퍼링크의 'href' 속성을 조작하는 간단한 솔루션을 제공합니다.

하이퍼링크 대상을 변경하려면 다음 구문을 사용하면 됩니다.

$("a").attr("href", "http://www.google.com/");

이렇게 하면 페이지의 모든 하이퍼링크에 대해 'href' 속성을 업데이트하여 Google로 다시 라우팅합니다. 그러나 선택 범위를 좁히려면 보다 구체적인 선택기를 사용하는 것이 좋습니다.

예를 들어 페이지에 '링크'와 '앵커' 태그가 모두 포함된 경우 앵커 태그가 업데이트되지 않도록 제외할 수 있습니다. 이렇게 하려면 선택기가 기존 'href' 속성이 있는 'a' 태그만 대상으로 지정하도록 지정하세요.

$("a[href]")

또는 다음과 같은 구문을 사용하여 앵커를 특정 'href'와 일치시킬 수 있습니다.

$("a[href='http://www.google.com/']")

'href' 속성이 지정된 문자열과 정확히 일치하는 링크를 대상으로 합니다. 'href'의 일부만 업데이트하려면 다음과 같은 기술을 사용하세요.

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

이렇게 하면 'href'가 'http://stackoverflow.com'으로 시작하는 링크를 선택하고 이를 가리키는 링크를 수정합니다. 다른 도메인으로. jQuery의 유연성 덕분에 다양한 수정이 쉽게 이루어질 수 있습니다.

위 내용은 jQuery를 사용하여 하이퍼링크 대상을 수정하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.