data kedai jQuery di div

Data penyimpanan dalam div untuk rujukan kemudian menggunakan coretan jQuery. Data tidak dipaparkan di Div, tetapi disimpan dalam elemen. Perhatikan bahawa jika koleksi jQuery merujuk kepada pelbagai elemen, nilai yang dikembalikan merujuk kepada elemen pertama. Berikut adalah kaedah operasi:

// 设置要存储的值
$("div").data("valuename", "hello");

// 获取存储的值
var value = $("div").data("valuename");
// 输出 "hello"
alert(value);

// 您也可以更改值
$("div").data("valuename", 101);

// 获取新的存储值
var value = $("div").data("valuename");
// 输出 "101"
alert(value);

Anda boleh menggunakan

untuk memadam item data yang disimpan di Div. removeData(valuename)

Soalan Lazim di JQuery dan Unsur Div

Bagaimana untuk membuat elemen div menggunakan jQuery?

Membuat elemen div menggunakan jQuery sangat mudah. Anda boleh menggunakan fungsi jQuery

untuk membuat elemen Div baru. Fungsi ini mewujudkan objek jQuery baru dengan kandungan HTML yang ditentukan. Anda kemudian boleh menggunakan fungsi $('<div></div>') untuk menambahkan elemen Div baru ini ke badan dokumen HTML, contohnya: append() $ ('badan'). Tambah ($ (' <div>')); . <h3> Bagaimana untuk menambah kandungan ke elemen div menggunakan jQuery? </h3> <p> anda boleh menambah kandungan ke elemen div menggunakan <code> html () <code>html() atau text () <code>text() berfungsi dalam jQuery. Fungsi html () <code>html() membolehkan anda menambah kandungan HTML, manakala fungsi () <code>text() membolehkan anda menambah kandungan teks. Sebagai contoh, jika anda mempunyai elemen div dengan id "mydiv", anda boleh menambah kandungan seperti ini: $ ('#mydiv'). Html ('ini kandungan'); <code>$('#myDiv').html('这是一个内容');

Bagaimana menggunakan jQuery untuk menyimpan data dalam elemen div?

JQuery menyediakan fungsi () <p> untuk menyimpan dan mengambil data yang berkaitan dengan elemen DOM. Anda boleh menyimpan data dalam elemen div seperti ini: <code> $ ('#mydiv'). Data ('kunci', 'nilai'); <sh>. Anda kemudian boleh mengambil data ini menggunakan fungsi <code> yang sama () <code>data() fungsi, contohnya: $ ('#mydiv'). Data ('kunci'); <code>$('#myDiv').data('key', 'value');. data() $('#myDiv').data('key'); bagaimana menggunakan jQuery untuk memadam elemen div?

anda boleh menggunakan fungsi tanggal ()

dalam jQuery untuk memadam elemen div. Fungsi ini memadamkan elemen yang dipilih dan anak -anaknya. Sebagai contoh, jika anda mempunyai elemen div dengan id "mydiv", anda boleh memadamnya seperti ini: $ ('#mydiv'). Keluarkan (); <sh>. <p> <code>remove() bagaimana untuk menyembunyikan dan memaparkan elemen div menggunakan jQuery? $('#myDiv').remove();

JQuery menyediakan hide () <h3> dan <code> show () berfungsi untuk menyembunyikan dan memaparkan unsur -unsur. Anda boleh menyembunyikan elemen div seperti ini: $ ('#mydiv'). Sembunyikan (); <sh>. Anda kemudian boleh memaparkan elemen div ini seperti ini: <code> $ ('#mydiv'). Tunjukkan (); <sh>. <p> <code>hide() Bagaimana untuk menukar CSS elemen div menggunakan jQuery? show() $('#myDiv').hide(); anda boleh menukar CSS elemen div menggunakan fungsi css () <code>$('#myDiv').show(); dalam jQuery. Fungsi ini membolehkan anda menetapkan satu atau lebih sifat CSS untuk elemen yang dipilih. Sebagai contoh, jika anda mempunyai elemen div dengan id "mydiv", anda boleh menukar warna latar belakangnya seperti ini: $ ('#mydiv'). CSS ('latar belakang warna', 'merah');

Bagaimana menggunakan jQuery untuk menghidupkan elemen div?

JQuery menyediakan fungsi animate () css() untuk membuat animasi tersuai. Anda boleh menghidupkan elemen div seperti ini: $ ('#mydiv'). Animate ({left: '250px'}); Ini akan menggerakkan elemen Div 250 piksel ke kanan. <code>$('#myDiv').css('background-color', 'red');

Bagaimana untuk menambah kelas ke elemen div menggunakan jQuery?

anda boleh menambah kelas ke elemen div menggunakan fungsi addClass () <p> dalam jQuery. Fungsi ini menambah kelas yang ditentukan ke setiap elemen dalam set elemen yang sepadan. Sebagai contoh, jika anda mempunyai elemen div dengan id "mydiv", anda boleh menambah kelas kepadanya seperti ini: <code> $ ('#mydiv'). AddClass ('myclass'); <st>. <code>animate() $('#myDiv').animate({left: '250px'}); bagaimana menggunakan jQuery untuk mendapatkan lebar dan ketinggian elemen div?

jQuery menyediakan width ()

dan ketinggian () <p> fungsi untuk mendapatkan lebar dan ketinggian yang dikira semasa elemen. Anda boleh mendapatkan lebar dan ketinggian elemen div seperti ini: <code> $ ('#mydiv'). Lebar (); <sod> dan <code> $ ('#mydiv'). <code>addClass()

Bagaimana untuk mengikat peristiwa ke elemen div menggunakan jQuery?

JQuery menyediakan pelbagai fungsi untuk mengikat peristiwa kepada unsur -unsur, seperti click(), dblclick(), mouseenter(), mouseleave(), $('#myDiv').click(function() { alert('Div was clicked!'); });, dan lain -lain. Anda boleh mengikat peristiwa ke elemen div seperti ini:

. Ini memaparkan kotak amaran apabila elemen Div diklik.