jquery redimensionne dynamiquement div afin que sa largeur soit toujours celle du navigateur width_jquery

Parfois, nous devons définir un div dont la largeur correspond à la largeur totale du navigateur. Bien sûr, nous pouvons utiliser une disposition relative pour ce faire, mais nous pouvons également utiliser jquery pour y parvenir.

<script> <br>var browser_width = $(document.body).width(); <br>$("div.show").css("width ",browser_width ); <br>$(window).resize(function() { <br>browser_width = $(document.body).width(); <br>$("div.show").css(" width", browser_width); <br>}); <br></script>



Nous utilisons $(document.body).width() pour récupérer le contenu du navigateur Lors du chargement de la page, nous initialisons la largeur du div à la largeur de la page du navigateur, puis chaque fois que le navigateur est redimensionné, la fonction de redimensionnement sera déclenchée. À ce moment, nous ajustons la largeur du div. encore.