Bagaimana untuk mengubah suai atribut jenis dalam jquery

青灯夜游
Lepaskan: 2022-03-10 18:48:02
asal
3753 orang telah melayarinya

Dalam jquery, anda boleh menggunakan kaedah attr() untuk mengubah suai atribut jenis elemen Kaedah ini boleh menetapkan nilai atribut unsur yang dipilih ialah "$(selector).attr(". taip","Nilai baharu ")" atau "$(selector).attr({type:new value})".

Bagaimana untuk mengubah suai atribut jenis dalam jquery

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

Dalam jquery, dengan mendapatkan objek input, jenis boleh ditukar menggunakan kaedah attr(). Sintaks:

$(selector).attr("type","新值");
$(selector).attr({type:新值});
Salin selepas log masuk

Contoh:

Dalam teg p, gunakan teg input untuk mencipta kotak input dan tetapkan nilainya kepada abcdefg.

Bagaimana untuk mengubah suai atribut jenis dalam jquery

Dalam fail test.html, tetapkan nilai atribut id tag input kepada tuinput, yang digunakan terutamanya untuk mendapatkan objek input melalui id ini di bawah .

Bagaimana untuk mengubah suai atribut jenis dalam jquery

Dalam fail test.html, gunakan teg butang untuk mencipta butang dengan nama butang "Tukar atribut jenis input".

Bagaimana untuk mengubah suai atribut jenis dalam jquery

Dalam fail test.html, ikat acara onclick pada butang butang Apabila butang diklik, fungsi edittype() dilaksanakan.

Bagaimana untuk mengubah suai atribut jenis dalam jquery

Dalam teg js, cipta fungsi edittype() Dalam fungsi, dapatkan objek input melalui id(tuinput), dan gunakan kaedah attr() untuk menukar nilai atribut jenis kepada kata laluan.

Bagaimana untuk mengubah suai atribut jenis dalam jquery

Buka fail test.html dalam penyemak imbas, klik butang untuk melihat kesannya.

Bagaimana untuk mengubah suai atribut jenis dalam jquery

Bagaimana untuk mengubah suai atribut jenis dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai atribut jenis 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