How can I change CSS styles of an element using jQuery

This example demonstrates how to use jQuery to modify the CSS styles of an element on a webpage dynamically.

jQuery, CSS, DOM Manipulation, Web Development


        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <script>
            $(document).ready(function() {
                $('#myElement').css({
                    'color': 'red',
                    'font-size': '20px',
                    'background-color': 'yellow'
                });
            });
        </script>

        <div id="myElement">This is my element</div>