Contoh penggunaan kaedah data() dalam jQuery_jquery

Contoh dalam artikel ini menerangkan penggunaan kaedah data() dalam jQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kaedah ini boleh menambahkan data pada elemen padanan atau mendapatkan data daripada elemen padanan.

Struktur tatabahasa 1:

Salin kod Kod adalah seperti berikut: $(selector).data(nama,nilai) Senarai parameter:

<table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 624px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 85px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 name 存储的数据名称。 value 将要存储的任意数据。 Kod contoh:

Salin kod Kod adalah seperti berikut: data() function-Script Home $(dokumen).sedia(fungsi(){ $("#add").klik(function(){ $("div").data("mydata","Skrip Laman Utama mengalu-alukan anda"); }) $("#show").klik(function(){ $("div").text($("div").data("mydata")); }) }) Tambah data pada elemen Tunjukkan data tambahan Kod di atas boleh menambahkan nama mydata pada elemen div yang sepadan, nilainya ialah data "Skrip Rumah Menyambut Anda", dan kemudian gunakan nama data untuk kembali.

Struktur tatabahasa 2:

Mengembalikan data tambahan dengan nama data yang ditentukan daripada elemen padanan.

Salin kod Kod adalah seperti berikut: $(selector).data(nama) Senarai parameter:

<table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 642px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 57px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 name 存储的数据名称。 Contoh kod:

Salin kod Kod adalah seperti berikut: data() function-Script Home $(dokumen).sedia(fungsi(){ $("#add").klik(function(){ $("div").data("mydata","Skrip Laman Utama mengalu-alukan anda"); }) $("#show").klik(function(){ $("div").text($("div").data("mydata")); }) }) Tambah data pada elemen Tunjukkan data tambahan Kod di atas boleh menambahkan nama mydata pada elemen div yang sepadan, nilainya ialah data "Skrip Rumah Menyambut Anda", dan kemudian gunakan nama data untuk kembali.

Struktur tatabahasa tiga:

Tambahkan data pada elemen yang sepadan menggunakan objek pasangan kunci/nilai.

Salin kod Kod adalah seperti berikut: $(selector).data(properties) Senarai parameter:

<table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 661px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 57px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 properties 一个用于设置数据的键/值对。 Contoh kod:

Salin kod Kod adalah seperti berikut: data() function-Script Home $(dokumen).sedia(fungsi(){ $("#add").klik(function(){ $("div").data("mydata",{username:"daoliang"}); }) $("#show").klik(function(){ alert($("div").data("mydata").nama pengguna); }) }) Tambahkan data pada elemen Dapatkan data ditambahkan pada elemen Kod di atas boleh menambahkan data bernama mydata pada div dalam bentuk pasangan kunci/nilai, dan kemudian mendapatkan nilai data yang dilampirkan melalui nama data dan kunci.

Struktur tatabahasa empat:

Gunakan kaedah objek untuk menambahkan data pada elemen yang ditentukan.

Salin kod Kod adalah seperti berikut: $(selector).data(objek) Senarai parameter:

<table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 660px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 57px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 object 一个用于设置数据的对象。 Contoh kod:

Salin kod Kod adalah seperti berikut: data() function-Script Home $(dokumen).sedia(fungsi(){ var mytest=objek baharu(); mytest.first="Selamat Datang ke Rumah Skrip"; mytest.second="JQuery Zone"; $("#add").klik(function(){ $("div").data(mytest); }) $("#show").klik(function(){ alert($("div").data("second")); }) }); Tambahkan data pada elemen Dapatkan data ditambahkan pada elemen Kod di atas menambahkan data dalam bentuk objek dan memperoleh nilai data yang dilampirkan.

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

参数	描述
name	存储的数据名称。
value	将要存储的任意数据。