Bagaimana untuk mengubah suai pilihan data dalam jquery

Dalam jquery, anda boleh menggunakan kaedah attr() untuk mengubah suai atribut "data-options" Kaedah ini boleh menetapkan atau mengembalikan atribut dan nilai elemen ini digunakan untuk menyimpan data peribadi halaman atau aplikasi. Tentukan data, sintaksnya ialah "elemen object.attr("data-options", "selected:false")".

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

Cara mengubah suai pilihan data dalam jquery

Data HTML5-* takrifan atribut dan penggunaan:

atribut data-* digunakan untuk menyimpan data peribadi peribadi halaman atau permohonan. Atribut

data-* memberi kami keupayaan untuk membenamkan atribut data tersuai pada semua elemen HTML.

Data yang disimpan (tersuai) boleh dimanfaatkan dalam JavaScript halaman untuk mencipta pengalaman pengguna yang lebih baik (tanpa membuat panggilan Ajax atau pertanyaan pangkalan data sebelah pelayan).

atribut data-* terdiri daripada dua bahagian:

Nama atribut tidak boleh mengandungi sebarang huruf besar dan mesti ada sekurang-kurangnya satu aksara selepas awalan "data-"

Nilai atribut Boleh jadi sebarang rentetan

Kaedah pengubahsuaian:

jquery:

$div.attr("data-options", "selected:false");

kaedah attr() menetapkan atau mengembalikan atribut jumlah 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.

Sintaks ialah

Kembalikan nilai atribut:

$(selector).attr(attribute)

Tetapkan atribut dan nilai:

$(selector).attr(attribute,value)

Dilanjutkan pengetahuan:

1 Gunakan kaedah getAttribute setAttribute

div.setAttribute('data-options',{/＊数据＊/});
div.getAttribute("data-options")；

2 Gunakan atribut set data untuk mengembalikan koleksi

div.dataset --> DOMStringMap { options:"{\"name\":\"John\"}", hidden:"true", lastValue:"43"}

Boleh akses, tambah, padam

div.dataset.hidden
div.dataset.newAttr = "123"
delete div.dataset.hidden

3 Gunakan kaedah data jquery

.data( key, value )
.data( key, value )
.data( obj ) --> 设置多个键值对
.data( key )
.data( key )
.data() -->返回一个集合

Apa yang istimewa tentang jQuery ialah ia akan menukar rentetan nilai pulangan secara automatik kepada jenis data yang sepadan.

Sebagai contoh, $("div").data() di atas --> {options : {"name":"John"}, hidden: true, lastValue: 43 }

Nota: Untuk atribut set data dan kaedah data jQuery: Jika nama atribut data mengandungi tanda sempang, contohnya: nilai-data-akhir, tanda sempang akan dialih keluar dan ditukar kepada penamaan huruf besar Nama atribut sebelumnya harus ditukar ialah: lastValue.

Cadangan tutorial video: Tutorial video jQuery

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