Latest web development tutorials

API jQuery UI -: Data () Selector

kategori

Pemilih (Penyeleksi) | UI inti (UI Core)

pemakaian

Keterangan: Pilih data telah elemen kunci dalam penyimpanan yang ditentukan.

jQuery( ":data(key)" )

参数 描述
key 数据的键。

Ekspresi $( "div:data(foo)") )") cocok dengan .data( "foo", value ) untuk menyimpan data div .

contoh

Memilih elemen dengan data, mengubah warna latar belakang mereka. 

<! DOCTYPE html>
<Html lang = "en">
<Head>
  <Meta charset = "utf-8">
  <Title>: Data () Selector Contoh </ title>
  <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Gaya>
  div {
    width: 100px;
    height: 100px;
    border: 1px solid # 000;
    float: kiri;
  }
  </ Style>
  <Script src = "// code.jquery.com/jquery-1.10.2.js"> </ script>
  <Script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ Kepala>
<Body>
 
<Div id = "satu"> </ div>
<Div id = "dua"> </ div>
<Div id = "tiga"> </ div>
 
<Script>
$ ( "No satu") DATA ( "Warna", "biru");
$ ( "#three") DATA ( "Warna", "hijau");
 
$ ( ": Data (warna)") .each (function () {
  var elemen = $ (ini);
  element.css ( "backgroundColor", element.data ( "warna"));
});
</ Script>
 
</ Body>
</ Html>