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
262 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:

$("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:

$("a").attr("href", "http://www.google.com/")
Salin selepas log masuk

Pemurnian:

Untuk memilih hiperpautan tertentu, gunakan pemilih yang diperhalusi:

$("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:

$("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/'.

$("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!

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