Cara menggunakan klik untuk menukar id dalam jquery-Soal Jawab bahagian hadapan-php.cn

Cara menggunakan klik untuk menukar id dalam jquery

WBOY

Lepaskan： 2022-05-09 10:50:42

asal

1619 orang telah melayarinya

Kaedah: 1. Gunakan "elemen object.click(function(){event processing function})" untuk menambah acara klik pada elemen yang ditentukan dan nyatakan fungsi pemprosesan acara; , gunakan " Element object.attr("id","changed id value");"Hanya tetapkan nilai id yang diubah.

Cara menggunakan klik untuk menukar id dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Cara menggunakan klik untuk menukar id dalam jquery

1 Ikat acara klik pada elemen

Apabila elemen diklik, peristiwa klik berlaku. Kaedah

klik() mencetuskan peristiwa klik atau menentukan fungsi untuk dijalankan apabila peristiwa klik berlaku.

Sintaks

Cetuskan acara klik bagi elemen yang dipilih:

$(selector).click()

Salin selepas log masuk

Tambah fungsi pada acara klik:

$(selector).click(function)

Salin selepas log masuk

2. Gunakan kaedah attr untuk menukar nilai id

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

Apabila kaedah ini digunakan untuk mengembalikan nilai atribut, nilai elemen padanan pertama dikembalikan.

Apabila kaedah ini digunakan untuk menetapkan nilai atribut, satu atau lebih pasangan atribut/nilai ditetapkan untuk elemen padanan.

Tetapkan atribut dan nilai:

$(selector).attr(attribute,value)

Salin selepas log masuk

Contohnya adalah seperti berikut;

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").attr("id","mydiv2");
});
});
</script>
<style>
#mydiv1{
background:#66ccff;
}
#mydiv2{
background:pink;
}
</style>
</head>
<body>
<div id="mydiv1" style="width:100px;height:100px;border:1px solid #000;"></div>
<br>
<button>为元素改变id属性</button>
</body>
</html>

Salin selepas log masuk

Hasil keluaran:

Tutorial video berkaitan yang disyorkan: Tutorial video jQuery

Atas ialah kandungan terperinci Cara menggunakan klik untuk menukar id dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!