Rumah > hujung hadapan web > tutorial js > Bagaimana untuk menukar nilai href dalam jquery

Bagaimana untuk menukar nilai href dalam jquery

青灯夜游
Lepaskan: 2021-11-22 18:42:07
asal
5569 orang telah melayarinya

Dalam jquery, anda boleh menggunakan kaedah attr() untuk menukar nilai atribut href Kaedah ini boleh menetapkan nilai atribut bagi elemen yang dipilih ialah "$(selector).attr(". href","url baharu ");" atau "$(selector).attr({"href":"url baharu"})".

Bagaimana untuk menukar nilai href dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Dalam HTML, atribut href bagi teg digunakan untuk menentukan alamat URL.

Oleh kerana href ialah atribut, anda boleh menggunakan kaedah operasi atribut attr() untuk menukar nilai href dalam jquery. Kaedah

attr() menetapkan atau mengembalikan nilai atribut bagi elemen yang dipilih.

Sintaks:

$(selector).attr(attribute,value)
$(selector).attr({attribute:value,....})
Salin selepas log masuk

Contoh:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$("a").attr({"href":"https://www.php.cn/"});
		$("link").attr("href","style.css");
	});
});
</script>
</head>
<body>

<a href="#">超链接文本</a><br>
<link rel="stylesheet" type="text/css" href="#" />
<br>
<button>修改href属性</button>

</body>
</html>
Salin selepas log masuk

Bagaimana untuk menukar nilai href dalam jquery

Tutorial video berkaitan yang disyorkan: Tutorial jQuery (Video)

Atas ialah kandungan terperinci Bagaimana untuk menukar nilai href dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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