Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mendapatkan nilai href pada tag dengan jquery

Bagaimana untuk mendapatkan nilai href pada tag dengan jquery

WBOY
WBOYasal
2023-05-28 11:41:392988semak imbas

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);
});

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!

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