Bagaimana untuk mengubah suai keadaan yang dipilih dalam jquery

Kaedah untuk jquery mengubah suai keadaan yang dipilih: 1. Gunakan kaedah addClass dan removeClass untuk menambah berbilang nama kelas pada elemen yang dipilih untuk menukar gaya atau keadaannya 2. Gunakan kaedah toggleClass untuk menambah atau mengalihkan elemen yang dipilih kepada nama kelas, jika nama kelas sudah wujud, ia akan dialih keluar, jika tidak, ia akan ditambah 3. Gunakan kaedah attr untuk mendapatkan atau menetapkan nilai atribut elemen 4. Gunakan kaedah prop untuk menetapkan Boolean; jenis Nilai atribut adalah berdasarkan keperluan khusus, dsb.

Persekitaran pengendalian artikel ini: sistem Windows 10, versi jQuery 3.7.0, komputer Dell G3.

JQuery ialah perpustakaan JavaScript popular yang digunakan untuk memudahkan manipulasi dan pengendalian acara dokumen HTML. Terdapat beberapa cara untuk mengubah suai keadaan yang dipilih apabila menggunakan JQuery.

Gunakan kaedah addClass dan removeClass:

Dengan menggunakan kaedah, anda boleh menambah berbilang nama kelas pada elemen yang dipilih untuk menukar gaya atau keadaannya. Sebagai contoh, anda boleh menggunakan kod berikut untuk menambah nama kelas "dipilih" pada elemen yang dipilih:

$(selector).addClass("selected");

Sebaliknya, anda boleh menggunakan kaedah removeClass untuk mengalih keluar kelas elemen yang dipilih ```javascript

$(selector).removeClass("selected");

Dengan menambah atau mengalih keluar nama kelas, anda boleh menukar gaya atau keadaan elemen di dalamnya dengan mudah.

Gunakan kaedah toggleClass:

Kaedah toggleClass boleh menambah atau mengalih keluar nama kelas pada elemen yang dipilih Jika nama kelas sudah wujud, ia akan dialih keluar, jika tidak, ia akan ditambah. Kaedah ini boleh digunakan untuk menogol keadaan elemen yang dipilih. Sebagai contoh, anda boleh menggunakan kod berikut untuk menukar kelas elemen yang dipilih:

$(selector).toggleClass("selected");

Jika elemen yang dipilih sudah mempunyai nama kelas "dipilih", maka nama kelas ini akan dialih keluar jika elemen yang dipilih tidak mempunyai nama kelas "dipilih", maka Nama kelas ini akan ditambah.

Gunakan kaedah attr:

Kaedah attr boleh digunakan untuk mendapatkan atau menetapkan nilai atribut sesuatu elemen. Dengan menetapkan nilai atribut bagi elemen yang dipilih, anda boleh menukar keadaannya. Sebagai contoh, anda boleh menggunakan kod berikut untuk menetapkan nilai atribut bagi elemen yang dipilih:

$(selector).attr("selected", "true");

Ini akan menetapkan atribut "dipilih" bagi elemen yang dipilih kepada "benar". Bergantung pada keperluan khusus, nilai atribut yang berbeza boleh ditetapkan untuk menukar status elemen yang dipilih.

Gunakan kaedah prop:

Kaedah prop adalah serupa dengan kaedah attr dan digunakan untuk mendapatkan atau menetapkan nilai atribut sesuatu elemen. Walau bagaimanapun, kaedah prop lebih sesuai untuk mengendalikan sifat Boolean, seperti "disemak", "dilumpuhkan", dsb. Dengan menetapkan nilai atribut bagi elemen yang dipilih, anda boleh menukar keadaannya. Sebagai contoh, anda boleh menggunakan kod berikut untuk menetapkan nilai atribut bagi elemen yang dipilih:

$(selector).prop("checked", true);

Ini akan menetapkan atribut "ditanda" bagi elemen yang dipilih kepada benar. Mengikut keperluan khusus, nilai atribut yang berbeza boleh ditetapkan untuk menukar status elemen yang dipilih.

Ringkasan:

JQuery menyediakan pelbagai kaedah untuk mengubah suai keadaan yang dipilih. Anda boleh menggunakan kaedah addClass dan removeClass untuk menambah atau mengalih keluar nama kelas, menggunakan kaedah toggleClass untuk menukar nama kelas, menggunakan kaedah attr untuk menetapkan nilai atribut dan menggunakan kaedah prop untuk menetapkan nilai atribut Boolean keperluan khusus Ubah gaya atau keadaan elemen yang dipilih.

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai keadaan yang dipilih dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!