Pourquoi $(“:sélectionnez”).focus ne fonctionne pas alors que $(“:l'entrée”).focus fonctionne?

J'ai un code JQuery qui fait quelque chose lors de l'entrée ou de sélectionner les éléments à obtenir le focus.
Bien que mon code pour l'élément d'entrée œuvres, sélectionnez l'élément ne fonctionne pas.

Voici ce que je fais.

<body>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">


$(document).ready(function(){
   $(":input").focus(function () { //this works
    //do something
   });

   $(":select").focus(function () { //this doesn't
    //do something      
   });
});

</script>
</body>

J'ai essayé quelques variations sur sélectionnez, comme l'utilisation de $("select") au lieu de $(":sélectionnez"),
mais ne fonctionne pas non plus.

Je suis un débutant pour JQuery.

J'apprécie si vous pouviez me dire comment je peux le faire fonctionner.

Merci beaucoup!

OriginalL'auteur user605660 | 2011-02-15

  1. 6

    Court et simple: Parce que :select n'existe pas.

    $('select') va travailler, mais seulement si vous avez un <select> élément dans votre code. Vous n'avez pas dans votre code ci-dessus.

    Ont un look à la liste des sélecteurs.

    entrée: au lieu de est existe:

    Sélectionne tous les input, textarea, select et bouton d'éléments.

    En général: les Sélecteurs de départ avec un colon : sont pseudo-sélecteurs. Ils sont définis par jQuery (ils ne sont pas valides sélecteurs CSS) et de sélectionner les éléments d'un certain état ou propriété).

    Vous avez déjà rencontré :input. Il sélectionne tous les éléments du contrôle de formulaire. Un autre est l'e.g : visible, qui sélectionne tous les affichée (visible) des éléments.

    Mise à jour:

    La <select> éléments existe lorsque $('select').focus(... est exécutée. Je ne connais pas le logiciel que vous utilisez, mais si ils chargent les éléments, par exemple via Ajax, puis plus probable qu'ils n'existent pas encore lorsque votre code est exécuté.

    1. Assurez-vous que il ya <select> éléments sur la page.

    2. Vous pourriez avoir à utiliser .live():

      $('select').live('focus', function() {
    //stuff
});
    Merci Félix! Eh bien, quand j'ai nettoyé mon code et concentré uniquement sur cette fonction, $("select").l'accent a travaillé. (votre ".vivre", le code de travail) Peut-être il y avait des problèmes dans d'autres parties de mon code. Merci beaucoup!
    Votre êtes les bienvenus 🙂 Vous utilisez live() seulement si nécessaire. Si les autres œuvres: parfait. Amusez-vous bien!

    OriginalL'auteur Felix Kling

  2. 1

    Il n'y a pas un :sélectionnez sélecteur, mais depuis "select" est sa propre balise dans le code HTML, vous pouvez utiliser $('select') (comme vous pouvez l'utiliser $('body'), par exemple). Une meilleure approche est probablement à attribuer un "id" de votre "select" de l'élément, et ensuite utiliser $('#id') pour sélectionner l'élément directement.

    Merci À Chris. J'ai pensé à utiliser un #id, mais ici, je veux que cette fonction puisse être invoquée pour chaque élément select. Alors, faut - $("select")? Peut-être que cela ne fonctionne pas car j'utilise ce code dans Qualtrics (outil de sondage en ligne comme un surveyMonkey)..

    OriginalL'auteur Chris Roberts

  3. 0

    $(":sélectionnez") n'est pas valide d'un sélecteur. http://api.jquery.com/category/selectors/

    Merci Rui. Oui, je me doutais bien que. J'ai essayé $("select"), mais cela ne fonctionne pas. Qu'en est-il invalide? Ce que je veux, c'est pas $(":selected"), je pense. (Il s'agit bien plus d'options que ce que j'en sais) Pourriez-vous me dire ce qui est valable?

    OriginalL'auteur Rui Jiang

  4. 0

    Vous devriez éviter d'utiliser :entrée :sélectionnez le seul. C'est une performance killer spécialement si vous avez beaucoup d'éléments dans votre DOM. entrée :jQuery doit rechercher tous les éléments de votre DOM pour trouver des entrées. Le sélecteur ci-dessous est d'attribuer plus rapide et plus efficace.

    $('#myform').find('input')

    Vérifier la performance de test (75% plus rapide) http://jsperf.com/input-selector-performance0

    De sorte que vous pouvez pratiquement faire

    $('#myform').delegate('select','focus', function() {
   //what ever you want to do here
});
    Voulez-vous dire $('#myform').find(':input') ? Parce que input et :input sont différents.
    oui à droite. Édité.

    OriginalL'auteur Hussein