jQuery -Daten gegen Attr: Verständnis der Unterschiede

In jQuery werden sowohl $ .data als auch $ .Attr verwendet, um Attribute in Dom -Elementen zu manipulieren. Sie dienen jedoch unterschiedlichen Zwecke und unterscheiden sich in ihrem Gebrauch und ihrem Verhalten.

Wann verwendet $ .data

$. Diese Daten werden nicht als HTML -Attribute für das Element selbst gespeichert. Wenn Sie also Daten für Datenbindung oder benutzerdefinierte Skriptzwecke speichern müssen, ist $ .data die bevorzugte Wahl. // Erhält die gespeicherten Daten $ ('#foo'). Daten ('mydata'); // Ausgibt "sympalue"

wann du $ .attr

$('#foo').data('myData', 'someValue');
// Gets the stored data
$('#foo').data('myData'); // outputs "someValue"

Um Verwirrung zu vermeiden, wird empfohlen, Camelcaper-Syntax zuzugreifen, wenn Sie auf Daten zugreifen, die mit $ .data gespeichert sind. mit $ .data.