Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mengubah Sasaran Hiperpautan Menggunakan jQuery?

Bagaimanakah Saya Boleh Mengubah Sasaran Hiperpautan Menggunakan jQuery?

Linda Hamilton
Lepaskan: 2024-12-16 09:34:11
asal
175 orang telah melayarinya

How Can I Change Hyperlink Targets Using jQuery?

Mengubah suai Sasaran Hiperpautan dengan jQuery

Masalah: Bagaimana untuk mengubah atribut 'href' hiperpautan menggunakan jQuery?

Penyelesaian:

Untuk mengubah suai hiperpautan sasaran, gunakan sintaks berikut:

1

$("a").attr("href", "new_target")

Salin selepas log masuk

di mana "a" mewakili pemilih untuk hiperpautan dan "new_target" ialah destinasi yang diingini.

Contoh:

Untuk mengubah hala semua hiperpautan ke Google, gunakan:

1

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

Salin selepas log masuk

Pemurnian:

Untuk memilih hiperpautan tertentu, gunakan pemilih yang diperhalusi:

1

$("a[href]")

Salin selepas log masuk

Ini menyasarkan hiperpautan dengan sedia ada ' atribut href'.

Terperinci Pengubahsuaian:

Untuk pengubahsuaian yang lebih rumit, seperti memadankan href tertentu atau mengemas kini hanya sebahagian daripada href, gunakan gabungan pemilih dan fungsi jQuery:

1

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

Salin selepas log masuk

Ini mencari hiperpautan yang sepadan dengan href tertentu dan mengemas kini sasarannya 'http://www.live.com/'.

1

2

3

4

5

6

$("a[href^='http://stackoverflow.com']")

   .each(function()

   {

      this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/,

         "http://stackoverflow.com");

   });

Salin selepas log masuk

Ini memilih hiperpautan yang bermula dengan 'http://stackoverflow.com', kemudian menggunakan ungkapan biasa untuk menggantikan awalan dengan 'http ://stackoverflow.com'.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengubah Sasaran Hiperpautan Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan