HTML code -
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Change div block height and width on button click using jQuery</title>
border: 1px red;
<div class="card">Div block height and width</div>
<button type="button">Change Height & Width</button>
In the above code, you can see, I have a div block with initial height and width using CSS class.
Height = 200px ;
As you can check, I have created a button. How can I change the div height and width on a button click in jQuery?