<h3 id="heading-introduction">Introduction</h3>
Welcome to Today I Learned, your daily destination for bite-sized wisdom! Each section is a short burst of information crafted to make your day a little brighter and your mind a little sharper. Join us on this journey of Byte-Sized Learning as we explore fascinating facts, share quick insights, and uncover interesting tidbits – because every day is an opportunity to say, 'Today I Learned.'
<h3 id="heading-how-to-apply-multiple-css-properties-using-jquery">How to apply multiple CSS properties using jQuery?</h3>
There are times when you want to apply multiple CSS properties when there is success or failure or toggle of your DOM or AJAX. Generally, we use the following,
<pre><code class="lang-javascript">selector.css('display', 'block');
</code></pre>
But what if you want to add multiple CSS properties instead of changing your .css files? The following will come to your rescue,
<pre><code class="lang-javascript">selector.css({'display': 'block', 'margin-top': '20px'});
</code></pre>
Reference:
<ul>
<li><a target="_blank" href="https://www.tutorialspoint.com/How-to-apply-multiple-CSS-properties-using-jQuery">https://www.tutorialspoint.com/How-to-apply-multiple-CSS-properties-using-jQuery</a></li>
</ul>

### Introduction

Welcome to ***Today I Learned***, your daily destination for bite-sized wisdom! Each section is a short burst of information crafted to make your day a little brighter and your mind a little sharper. Join us on this journey of Byte-Sized Learning as we explore fascinating facts, share quick insights, and uncover interesting tidbits – because every day is an opportunity to say, **'Today I Learned.'**

### How to apply multiple CSS properties using jQuery?

There are times when you want to apply multiple CSS properties when there is success or failure or toggle of your DOM or AJAX. Generally, we use the following,

```javascript
selector.css('display', 'block');
```

But what if you want to add multiple CSS properties instead of changing your .css files? The following will come to your rescue,

```javascript
selector.css({'display': 'block', 'margin-top': '20px'});
```

*Reference:*

* [https://www.tutorialspoint.com/How-to-apply-multiple-CSS-properties-using-jQuery](https://www.tutorialspoint.com/How-to-apply-multiple-CSS-properties-using-jQuery)

Explore TIL (Today I Learned) and Bite-Sized Learning. Uncover insights and choose the best path for continuous growth. #Learning #TIL #BiteSized

📝 TIL (Today I Learned) or Bite-Sized Learning

Table of contents

Introduction

How to apply multiple CSS properties using jQuery?