Unterschied zwischen .prop() und .attr() in jQuery: Warum verhalten sich Properties und Attribute unterschiedlich?

Hallo zusammen! Ich bin neu in JavaScript und jQuery und verstehe den Unterschied zwischen den Methoden `.prop()` und `.attr()` nicht. Ich habe die Dokumentation gelesen, aber die Verwirrung bleibt.\n\nHier ist ein konkretes Beispiel, das mich verwirrt hat. Ich habe eine Checkbox:\n\n```html\n\n```\n\nWenn ich versuche, ihren Zustand mit jQuery abzurufen, erhalte ich unterschiedliche Ergebnisse:\n\n```javascript\n// Erster Weg\nconsole.log($('#myCheckbox').attr('checked')); // Gibt "checked" aus\n\n// Zweiter Weg \nconsole.log($('#myCheckbox').prop('checked')); // Gibt true aus\n```\n\nWarum ist das so? Im HTML ist das `checked`-Attribut doch explizit angegeben. Ich hätte erwartet, dass beide Methoden dasselbe zurückgeben.\n\nNoch verwirrter wurde ich, als ich versuchte, den Zustand der Checkbox dynamisch über JavaScript zu ändern:\n\n```jav