Heim  >  Artikel  >  Web-Frontend  >  Einführung und Anwendungsbeispiele von jQuery.data().

Einführung und Anwendungsbeispiele von jQuery.data().

巴扎黑
巴扎黑Original
2017-06-20 09:57:331109Durchsuche

Definition und Verwendung

Die data()-Methode hängt Daten an das ausgewählte Element an oder ruft Daten vom ausgewählten Element ab.

Hinweise: Dies ist eine Low-Level-Methode. Die Verwendung von .data() ist praktischer.

Gibt Daten vom Element zurück

Gibt zusätzliche Daten vom ausgewählten Element zurück.

Syntax

$(selector).data(name)

Parameter                                                                                                                                  . Gibt den Namen der abzurufenden Daten an.

Wenn kein Name angegeben wird, gibt diese Methode alle gespeicherten Daten des Elements als Objekt zurück.

Daten an das Element anhängen

Daten an das ausgewählte Element anhängen.

Syntax


$(selector).data(name,value)


Parameter                                                                                                                                                                              . Gibt den Namen der festzulegenden Daten an.                                                            Gibt den Wert der festzulegenden Daten an.

Verwenden Sie ein Objekt, um Daten an ein Element anzuhängen

Verwenden Sie ein Objekt mit Name/Wert-Paaren, um Daten an das ausgewählte Element anzuhängen.

Syntax

$(selector).data(

object)

Was ich verwende ist chrome49, diese Methode beinhaltet ein

JQuery Versionsproblem. Später werden 1.9.1 und seine Vorgänger als niedrige Versionen bezeichnet, und 3.0 wird als hohe Versionen bezeichnet > Die im Testbeispiel verwendete showMessage-Methode lautet wie folgt

(0)$.data(obj,key,value)Schlüsselwert ist

Zeichenfolge

Der Typ, der eine Zahl oder ein Objekt (var lol={}) ist, ist bedeutungslos. Der Wert kann ein normaler Typ sein. Wenn sich der

auf den Typ
showMessage.i = 0;
function showMessage(object)
{
  var body = $("body")[0];
  var $p =$("#debugp");
  
  if($p.length==0)
  {
    $p = $("<p/>").attr("id","debugp");
    $(body).prepend($p);
  }
  $p[0].innerHTML += "<br/>"+(showAttribute.i++)+" | "+object;
}
bezieht, wird stattdessen eine Referenz übergeben Ein Klon

a.

$.data fügt die Daten tatsächlich dem Objektattribut hinzu, ähnlich wie obj.sex="female", egal wie viele Schlüssel Sie zu obj hinzufügen durch $.data, nur in obj Es wird eine zusätzliche geben, die jQuery ähnelt. 300082932543555993442 ist eine von jQuery generierte Zufallszahl, die auf ein Objekt verweist, das die von Ihnen hinzugefügten Daten in Form eines Schlüssels speichert. value.Niedrigere Versionen können for-in durchqueren jQuery300082932543555993442. Höhere Versionen können nur über das Debug-Tool angezeigt werden

b.

var obj = {"name":"寒冰射手","age":"12"};
$.data(obj,"height",165);
showMessage($.data(obj,"height"));
Wenn value ein Objekt ist, a Referenz wird übergeben

(2)

$(selector).data bindet

Daten

an das HTML-DOM-Element. Die übrigen Funktionen sind gleich wie die $.data-Methode, aber Sie können for-in verwenden, um das hinzugefügte Objekt

abzurufen

Das obige ist der detaillierte Inhalt vonEinführung und Anwendungsbeispiele von jQuery.data().. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn