title: Select all body except one element
body: <p>I'm trying to select all the body's elements in jQuery except "this", or the one being hovered on. I'm trying to get the body to go to a certain opacity, but "this" to maintain its opacity. This is my code:</p>
  
  <pre><code>$(".content img").mouseenter(function() {
      $(this).animate({
          opacity: "1",
      });
  
      $("body").find('*').not($(this)).animate({
          opacity: "0.4",
      });
  });  
  
  
  
  
  
  
  
      &lt;div class="content"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;h4&gt;Handbags&lt;/h4&gt;
                      &lt;img src="FullSizeRender (1).jpg" /&gt;
                  &lt;/div&gt;
  
                  &lt;div class="col-md-2"&gt;
                      &lt;h4&gt;Beach bags&lt;/h4&gt;
                      &lt;img src="FullSizeRender (2).jpg" /&gt;
                  &lt;/div&gt;
  
                  &lt;div class="col-md-2"&gt;
                      &lt;h4&gt;Purses&lt;/h4&gt;
                      &lt;img src="IMG_5213.JPG" /&gt;
                  &lt;/div&gt;
  
                  &lt;div class="col-md-2"&gt;
                      &lt;h4&gt;Bottle carriers&lt;/h4&gt;
                      &lt;img src="FullSizeRender (5).jpg" /&gt;
                  &lt;/div&gt;
  
                  &lt;div class="col-md-2"&gt;
                      &lt;h4&gt;Baskets&lt;/h4&gt;
                      &lt;img src="img1.jpg" /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
  
              &lt;div class="row"&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;h4&gt;Vases&lt;/h4&gt;
                      &lt;img src="img2.jpg" /&gt;
                  &lt;/div&gt;
  
                  &lt;div class="col-md-2"&gt;
                      &lt;h4&gt;Placemats&lt;/h4&gt;
                      &lt;img src="img6.jpg" /&gt;
                  &lt;/div&gt;
  
                  &lt;div class="col-md-2"&gt;
                      &lt;h4&gt;Coasters&lt;/h4&gt;
                      &lt;img src="IMG_4665.JPG" /&gt;
                  &lt;/div&gt;
  
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="tiss"&gt;
                          &lt;h4&gt;Tissue box covers&lt;/h4&gt;
                          &lt;img src="img3.jpg" /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="ornament"&gt;
                          &lt;h4&gt;Holiday ornaments&lt;/h4&gt;
                          &lt;img src="img4.jpg" /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>