jQuery speichern Daten in einem Div

Speicherdaten in einer DIV als spätere Referenz mit JQuery Snippet. Die Daten werden nicht im DIV angezeigt, sondern im Element gespeichert. Beachten Sie, dass sich der zurückgegebene Wert auf das erste Element bezieht, wenn sich die JQuery -Sammlung auf mehrere Elemente bezieht. Das Folgende ist die Betriebsmethode:

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

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

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

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

Sie können removeData(valuename) verwenden, um Datenelemente zu löschen, die im Div gespeichert sind.

FAQs auf JQuery- und Divelements

Wie erstelle ich ein DIV -Element mit JQuery?

DiviLemente mit JQuery erstellen ist sehr einfach. Sie können die JQuery -Funktion $('<div></div>') verwenden, um ein neues DIV -Element zu erstellen. Diese Funktion erstellt ein neues JQuery -Objekt mit dem angegebenen HTML -Inhalt. Sie können dann die Funktion append() verwenden, um dieses neue DIV -Element am Körper des HTML -Dokuments anzuhängen, zum Beispiel: $ ('Body'). Anhang ($ ('<div> </div>')); .

Wie füge ich ein Div -Element mit JQuery Inhalte hinzu?

Sie können dem Div -Element den Inhalt mit der Funktion html () <code>html() oder text () <code>text() in jQuery hinzufügen. Mit der Funktion html () <code>html() können Sie HTML -Inhalt hinzufügen, während die Funktion text () <code>text() Sie den Textinhalt hinzufügen können. Wenn Sie beispielsweise ein DIV -Element mit ID "mydiv" haben, können Sie inhalt wie folgt hinzufügen: $ ('#mydiv'). HTML ('Dies ist ein Inhalt'); <code>$('#myDiv').html('这是一个内容');.

Wie kann ich JQuery verwenden, um Daten in Divelelementen zu speichern?

jQuery stellt die Funktion data () <code>data() zum Speichern und Abrufen von Daten zur Verfügung, die den DOM -Elementen zugeordnet sind. Sie können Daten im Div -Element wie folgt speichern: $ ('#mydiv'). Daten ('Schlüssel', 'Wert'); <code>$('#myDiv').data('key', 'value');. Sie können diese Daten dann mit derselben data () <code>data() abrufen, z. B. $ ('#mydiv'). Data ('Schlüssel'); <code>$('#myDiv').data('key');

Wie kann ich JQuery verwenden, um ein DIV -Element zu löschen?

Sie können die Funktion remove () <p> in jQuery verwenden, um das DIV -Element zu löschen. Diese Funktion löscht das ausgewählte Element und seine Kinder. Wenn Sie beispielsweise ein DIV -Element mit ID "myDiv" haben, können Sie es so löschen: <code> $ ('#mydiv'). REMET (); <code>remove(). $('#myDiv').remove();

Wie man Divelelemente mit JQuery verberge und anzeigt?

jQuery bietet hide () <p> und <code> show () <code>hide() Funktionen zum Ausblenden und Anzeigen von Elementen. Sie können das Div -Element wie folgt ausblenden: $ ('#mydiv'). Hide (); <code>show(). Sie können dieses Div -Element wie folgt anzeigen: $ ('#mydiv'). Show (); <code>$('#myDiv').hide();. $('#myDiv').show();

Wie kann man das CSS eines DIV -Elements mit JQuery ändern?

Sie können die CSS eines DIV -Elements mit der Funktion cSS () <p> in jQuery ändern. Mit dieser Funktion können Sie eine oder mehrere CSS -Eigenschaften für das ausgewählte Element einstellen. Wenn Sie beispielsweise ein DIV-Element mit ID "mydiv" haben, können Sie seine Hintergrundfarbe wie folgt ändern: <code> $ ('#mydiv'). CSS ('Hintergrundfarbe', 'rot'); <code>css() $('#myDiv').css('background-color', 'red'); Wie kann ich JQuery verwenden, um ein Div -Element zu animieren?

jQuery bietet die Funktion animate ()

, um benutzerdefinierte Animationen zu erstellen. Sie können das Div -Element wie folgt animieren: $ ('#mydiv'). Animate ({links: '250px'}); <p>. Dadurch wird das Div -Element 250 Pixel nach rechts bewegen. <code>animate() $('#myDiv').animate({left: '250px'}); Wie füge ich Divelelemente mit JQuery Klassen hinzu?

Sie können Divelelemente mit der Funktion addClASS ()

in jQuery Klassen hinzufügen. Diese Funktion fügt die angegebene Klasse jedes Element im Matching -Element -Satz hinzu. Wenn Sie beispielsweise ein DIV -Element mit ID "mydiv" haben, können Sie die Klasse so hinzufügen: $ ('#mydiv'). AddClass ('MyClass'); <p>. <code>addClass() $('#myDiv').addClass('myClass'); Wie kann ich JQuery verwenden, um die Breite und Höhe eines Div -Elements zu erhalten?

jQuery liefert die width ()

und height () <p>, um die aktuelle berechnete Breite und Höhe des Elements zu erhalten. Sie können die Breite und Höhe des Div -Elements wie folgt erhalten: <code> $ ('#mydiv'). Width (); <code>width()

Wie kann man Ereignisse mit JQuery an Divelelemente binden?

jQuery bietet mehrere Funktionen, um Ereignisse an Elemente zu binden, wie click(), dblclick(), mouseenter(), mouseleave(), $('#myDiv').click(function() { alert('Div was clicked!'); }); usw. Sie können Ereignisse an Divelelemente wie folgt binden:

. Dadurch wird ein Warnfeld angezeigt, wenn das Div -Element geklickt wird.

Das obige ist der detaillierte Inhalt vonjQuery speichern Daten in einem Div. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!