Bagaimana untuk memadam atribut objek elemen dalam jquery

WBOY
Lepaskan: 2022-03-29 10:45:22
asal
3088 orang telah melayarinya

Kaedah jquery untuk memadamkan atribut objek elemen: 1. Gunakan pernyataan "$(elemen)" untuk mendapatkan objek elemen yang ditentukan 2. Gunakan kaedah removeAttr() untuk memadamkan atribut objek elemen. Sintaks ialah "objek elemen.removeAttr" (atribut elemen yang ditentukan)".

Bagaimana untuk memadam atribut objek elemen dalam jquery

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

Bagaimana untuk memadamkan atribut objek dalam jquery

Dalam jquery, anda boleh menggunakan kaedah removeAttr() untuk memadamkan atribut elemen yang ditentukan

Buat fail html baharu dan namakannya sebagai test.html Digunakan untuk menerangkan cara jquery memadamkan atribut elemen. Gunakan tag p untuk mencipta baris teks dan tetapkan atribut idnya kepada tajuk. Tambahkan atribut data pada teg p dengan nilai atribut "Ini ialah tajuk".

Buat butang butang, ikat acara klik onclick pada butang dan apabila butang itu diklik, laksanakan fungsi delattr(). Cipta fungsi delattr() Dalam fungsi, dapatkan objek teg p melalui id, dan gunakan kaedah removeAttr() untuk memadamkan atribut elemen yang dinyatakan sebagai contoh, padamkan atribut data di sini.

Bagaimana untuk memadam atribut objek elemen dalam jquery

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

Bagaimana untuk memadam atribut objek elemen dalam jquery

Bagaimana untuk memadam atribut objek elemen dalam jquery

Ringkasan:

1 Gunakan teg p untuk mencipta baris teks, tetapkan atribut idnya kepada myppp, dan berikan Tag p menambah atribut data.

2. Dalam js, dapatkan objek tag p melalui id, dan gunakan kaedah removeAttr() untuk memadamkan atribut elemen yang ditentukan.

Nota

Kaedah removeAttr() boleh mengalih keluar sebarang atribut elemen.

Tutorial video berkaitan yang disyorkan: Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk memadam atribut objek elemen 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