javascript - Jquery と object href の混乱

Question

console.log を追加しようとしましたが、わかりません。

$(this).href

これはエンドリンクの場所を指していませんか?

まるで

<a href="test.php">here</a>

$(this).href は "test.php" または test.com/test.php を返しますか? 後者の 2 つにアクセスする必要があります。

任意のヒント？

Answer 1

$(this)は jQuery オブジェクトであり、 のプロパティはありませんhref。

$(this).attr('href')またはのいずれかを使用する必要がありますthis.href。

違いは、を$(this).attr('href')返すこと'test.php'と、をthis.href返すことです'http(s?)://test.com/test.php'

Answer 2

いいえ！

$ を使用してクエリを実行すると、jQuery オブジェクトが返されます。

試してみると：

$(this).get(0).href

リンクに関連する Element オブジェクトを返し、正しい属性を返すことができます。

しかし、属性を取得するより美しい方法は、次のようなものです。

$(this).attr("href");

また、thisキーワードはリンクのコンテキストでのみ有効です (リンク内のイベントをリッスンする関数で使用している場合など)。

Answer 3

以下を使用する必要があります。

$(this).attr("href")

これは、タグの href 自体にあるものを返します。

<a href="test.php">here</a>

あげる：

test.php