jQuery UI API -: datos () Selector
categoría
Selector (selectores) | el núcleo de interfaz de usuario (UI Core)
uso
Descripción: Seleccionar los datos han sido elementos clave en el almacenamiento especificado.
jQuery( ":data(key)" )
| 参数 | 描述 |
|---|---|
| key | 数据的键。 |
Expresión $( "div:data(foo)") )") emparejados por un .data( "foo", value ) para almacenar los datos de div .
Ejemplos
Seleccionar elementos con los datos, cambiar su color de fondo.
<! DOCTYPE html>
<Html lang = "es">
<Head>
<Charset Meta = "UTF-8">
<Title>: datos () Ejemplos selectores </ title>
<Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<Style>
div {
Anchura: 100px;
altura: 100px;
frontera: 1px solid # 000;
float: left;
}
</ 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>
</ Head>
<Cuerpo>
<Div id = "uno"> </ div>
<Div id = "dos"> </ div>
<Div id = "tres"> </ div>
<Script>
$ .data ( "#one") ( "Color", "azul");
$ .data ( "#three") ( "Color", "verde");
$ ( ": Datos (color)") .Cada (function () {
elemento var = $ (this);
element.css ( "backgroundColor", element.data ( "color"));
});
</ Script>
</ Body>
</ Html>