Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengubah suai atribut jenis dalam jquery

Bagaimana untuk mengubah suai atribut jenis dalam jquery

青灯夜游
青灯夜游asal
2022-03-01 18:20:543719semak imbas

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:新值});

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!

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