実行時にhref属性を設定する

jQueryを使用して実行時にタグのhref属性を設定する最良の方法は何<a>ですか？

また、jQueryを使用しhrefて<a>タグの属性の値をどのように取得しますか？

HTML要素の属性を取得または設定するには、element.attr()jQueryで関数を使用できます。

href属性を取得するには、次のコードを使用します。

var a_href = $('selector').attr('href');

href属性を設定するには、次のコードを使用します。

$('selector').attr('href','http://example.com');

どちらの場合も、適切なセレクターを使用してください。アンカー要素のクラスを設定している場合はを使用'.class-name'し、アンカー要素のIDを設定している場合はを使用します'#element-id'。

jQuery 1.6以降では、次のように使用することをお勧めします。

$(selector).prop('href',"http://www...")値を設定し、

$(selector).prop('href')値を取得する

要するに、.prop取得し、セットの値を上のDOMオブジェクト、および.attrの値を取得し、セットのHTML。これにより.prop、状況によっては少し速くなり、場合によっては信頼性が向上します。

href属性を設定します

$(selector).attr('href', 'url_goes_here');

そしてそれを使ってそれを読む

$(selector).attr('href');

ここで、「selector」は、<a>要素に有効なjQueryセレクターです（最も単純なものに名前を付けるには、「。myClass」または「#myId」）。

お役に立てれば ！

3つのソリューションの小規模なパフォーマンステストの比較：

1. $(".link").prop('href',"https://example.com")
2. $(".link").attr('href',"https://example.com")
3. document.querySelector(".link").href="https://example.com";

ここで自分でテストを実行できますhttps://jsperf.com/a-href-js-change

以下の方法でhref値を読み取ることができます

1. let href = $(selector).prop('href');
2. let href = $(selector).attr('href');
3. let href = document.querySelector(".link").href;

ここで自分でテストを実行できますhttps://jsperf.com/a-href-js-read

<style>
a:hover {
    cursor:pointer;
}
</style>

<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".link").click(function(){
        var href = $(this).attr("href").split("#");
        $(".results").text(href[1]);
    })
})
</script>



<a class="link" href="#one">one</a><br />
<a class="link" href="#two">two</a><br />
<a class="link" href="#three">three</a><br />
<a class="link" href="#four">four</a><br />
<a class="link" href="#five">five</a>


<br /><br />
<div class="results"></div>