Méthode jQuery .not() ne fonctionne pas correctement

Question

J'essaye de faire toutes les zones de texte enlever le texte par défaut sur le foyer, excepté ceux de la classe "pre-fill". Mais le problème est que les zones de texte de la classe "pré-remplissage" sont toujours sélectionnées et incluses.

Suggestions pour corriger la situation? Merci.

jQuery(document).ready(function inputHide(){ 

    $('textarea, input:text, input:password').not($('.pre-fill')).focus(function() { 
      if ($(this).val() === $(this).attr('defaultValue')) { 
       $(this).val(''); 
      } 
     }).blur(function() { 
      if ($(this).val()==='') { 
       $(this).val($(this).attr('defaultValue')) 
      } 
     }); 

}); 

Answer 1

Vous ne devriez pas avoir la variable jQuery ($) dans l'appel de méthode .not. Essayez ceci:

.not('.pre-fill') 

Dans le contexte de votre code:

$('textarea, input:text, input:password').not('.pre-fill').focus(function() { 
     if ($(this).val() === $(this).attr('defaultValue')) { 
      $(this).val(''); 
     } 
    }).blur(function() { 
     if ($(this).val()==='') { 
      $(this).val($(this).attr('defaultValue')) 
     } 
    }); 

Answer 2

Vous pouvez également utiliser la :not() selector. Notez que this.value est beaucoup plus efficace que $(this).val(), puisqu'il s'agit d'un accès direct à une propriété d'un élément DOM au lieu d'accéder à la même propriété en construisant d'abord un objet jQuery puis en appelant une méthode jQuery.

$('textarea, input:text:not(.pre-fill), input:password:not(.pre-fill)') 
    .focus(function() {   
     if (this.value === $(this).attr('defaultValue')) { 
      this.value = ""; 
     } 
    }).blur(function() { 
     if (this.value === '') { 
      this.value = $(this).attr('defaultValue'); 
     } 
    });