Bagaimana untuk mendapatkan nilai href pada tag dengan jquery

WBOY
Lepaskan: 2023-05-28 11:41:39
asal
2986 orang telah melayarinya

jQuery ialah perpustakaan JavaScript yang digunakan secara meluas. Kedua-dua pereka web dan pembangun menggunakan jQuery dalam projek mereka. Tujuan utamanya adalah untuk menjadikan program JavaScript lebih mudah digunakan dan menyediakan lebih banyak fungsi dan kesan. Dalam pembangunan bahagian hadapan, selalunya perlu untuk mendapatkan nilai href pada teg, dan jQuery menyediakan kaedah yang mudah untuk mencapainya.

Mendapatkan nilai href pada teg ialah keperluan biasa Kadangkala kita perlu mengemas kini nilai href teg kepada pautan baharu atau melakukan operasi tertentu apabila pautan diklik. jQuery menyediakan pemilih untuk beroperasi pada elemen DOM, yang paling biasa digunakan ialah kaedah pemilih $().

Untuk mendapatkan nilai href pada teg, hanya gunakan pemilih untuk memilih elemen dan gunakan kaedah attr() untuk mendapatkan nilai atribut href. Berikut ialah beberapa contoh kod yang menggunakan jQuery untuk mendapatkan nilai href pada teg:

// 获取单个a标签href值
var href = $('a').attr('href');

// 获取多个a标签href值
$('a').each(function() {
  var href = $(this).attr('href');
  console.log(href);
});

// 当a标签被点击时获取href值
$('a').on('click', function() {
  var href = $(this).attr('href');
  console.log(href);
});
Salin selepas log masuk

Analisis kod:

Contoh pertama menggunakan pemilih $() untuk mendapatkan a masuk pertama teg halaman dan gunakan kaedah attr() untuk mendapatkan nilai atribut hrefnya. Jika halaman anda mempunyai berbilang teg, kaedah ini akan mengembalikan nilai atribut href bagi teg pertama yang sepadan.

Contoh kedua menggelung setiap teg dan mendapatkan nilai atribut hrefnya dengan menggunakan kaedah each(). Menggunakan kaedah each() membolehkan anda mencari semua teg yang anda perlukan untuk memproses dalam dokumen.

Contoh ketiga menunjukkan cara mendapatkan nilai atribut href bagi sesuatu teg apabila ia diklik. Apabila mengklik, gunakan kaedah on() untuk mendengar acara ini merujuk kepada teg yang sedang diklik, yang ditukar menjadi objek jQuery melalui $(this), dan kaedah attr() digunakan untuk mendapatkan atribut hrefnya. nilai.

Ringkasan:

Dalam pembangunan bahagian hadapan, mendapatkan nilai href pada teg adalah keperluan yang sangat biasa. jQuery menyediakan cara mudah untuk mencapai ini dan membolehkan anda mengakses dan memanipulasi nilai dengan mudah. Gunakan pemilih untuk memilih teg untuk dikendalikan dan gunakan kaedah attr() untuk mendapatkan nilai atribut hrefnya.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan nilai href pada tag dengan 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!