jQuery add/removeClass: Geht das auch einfacher? bearbeitet von Gunnar Bittersmann 24.03.2020 04:49 @@Felix Riesterer > warum genügt es nicht dem `<body>`{:.language-html} (oder von mir aus auch gleich dem `<html>`{:.language-html}) die Klasse `map-fullscreen` zu toggeln, und der Rest reagiert über [Nachfahrenselektoren](https://wiki.selfhtml.org/wiki/CSS/Selektoren/Kombinator/Nachfahrenkombinator) im CSS? Ja, es genügt. Warum stellst du eine Suggestivfrage? 😉 Warum jQuery? ~~~js $('#map-fullscreen button').click(function(){ $('body').toggleClass('map-fullscreen'); }); ~~~ sieht in Vanilla-JavaScript genauso einfach aus: ~~~js document.querySelector('#map-fullscreen button').addEventListener('click', function(){ document.body.classList.toggle('map-fullscreen'); }); ~~~ 🖖 Stay hard! Stay hungry! Stay alive! **Stay home!** {:@en} -- Vielen Eltern dämmert beim Home-Schooling so langsam die Erkenntnis: Lehrer ist wohl doch ein regelrechter Beruf! ([@heuteshow](https://twitter.com/heuteshow/status/1241117074191273997))
jQuery add/removeClass: Geht das auch einfacher? bearbeitet von Gunnar Bittersmann 24.03.2020 13:11 @@Felix Riesterer > warum genügt es nicht dem `<body>`{:.language-html} (oder von mir aus auch gleich dem `<html>`{:.language-html}) die Klasse `map-fullscreen` zu toggeln, und der Rest reagiert über [Nachfahrenselektoren](https://wiki.selfhtml.org/wiki/CSS/Selektoren/Kombinator/Nachfahrenkombinator) im CSS? Ja, es genügt. Warum stellst du eine Suggestivfrage? 😉 Warum jQuery? ~~~js $('#map-fullscreen button').click(function(){ $('body').toggleClass('map-fullscreen'); }; ~~~ sieht in Vanilla-JavaScript genauso einfach aus: ~~~js document.querySelector('#map-fullscreen button').addEventListener('click', function(){ document.body.classList.toggle('map-fullscreen'); }; ~~~ 🖖 Stay hard! Stay hungry! Stay alive! **Stay home!** {:@en} -- Vielen Eltern dämmert beim Home-Schooling so langsam die Erkenntnis: Lehrer ist wohl doch ein regelrechter Beruf! ([@heuteshow](https://twitter.com/heuteshow/status/1241117074191273997))
nicht angemeldet nicht angemeldet
