jQuery - Plusieurs Sélecteurs en :not()?

Je ne peux pas sembler obtenir le travail suivants:

$('input:not([type=radio][type=checkbox])').live('click', function() {
    alert("You haven't clicked a radio or checkbox!");
});

Ont essayé un peu différente de la syntaxe de l', quelqu'un peut m'aider à ce sujet.

Acclamations

Charlie

InformationsquelleAutor Charlie Sheather | 2011-05-29
  1. 79

    Vous êtes à la confusion de l' plusieurs sélecteur avec le plusieurs sélecteur d'attribut. Vous devriez écrire:

    $("input:not([type=radio], [type=checkbox])");

    L'attribut multiple sélecteur de [type=radio][type=checkbox] correspond aux éléments dont type attributs sont égaux à les deux radio et checkbox, qui ne peut pas se produire dans cet univers.

    • Parfait!, merci Frédéric. Semble comme si j'étais croyant que ceux-ci. Signet 🙂
    • Je pense qu'il serait plus vrai de dire "ne peut pas se produire dans cette mise en œuvre de html" plutôt que d'essayer de parler pour l'ensemble de l'univers. C'est un gros* univers, un extraterrestre de la race peut avoir un html de mise en œuvre qui permet à une liste séparée par des virgules de valeurs pour un attribut donné, par exemple. (*de nombreux cosmologistes pensent que l'univers est réellement infini, auquel cas, toute la mise en œuvre de html que vous pourriez penser continuera d'exister, quelque part)
    InformationsquelleAutor Frédéric Hamidi
  2. 4

    La syntaxe à l'intérieur de la not() est identique à la normale sélecteur de syntaxe, donc si vous voulez correspondre à des choses qui ne sont pas l'une de ces choses, vous utilisez un sélecteur dans le pas qui corresponde à la fois (depuis essentiellement, vous êtes en niant le sélecteur). Comment faites-vous cela? De la même manière que vous appliquez des styles à plusieurs sélecteurs à la fois dans le CSS, avec une virgule, comme ceci:

    $('input:not([type=radio],[type=checkbox])')

    Qui devrait sélectionnez toutes les entrées de la pas [type=radio] et pas [type=checkbox]

    • Notez que cela s'applique uniquement à du jQuery :not(). CSS3 est :not() ne peut pas accepter n'importe quoi, mais un simple sélecteur. En tant que tel, si vous passez à quelque chose de plus qu'un simple sélecteur de :not() en jQuery, moderne navigateurs ne peuvent pas analyser le sélecteur querySelectorAll() donc il peut y avoir un gain de performance (si un microscopique).
    • Oui, merci pour cette précision, mon CSS comparaison n'est pas clair que le CSS3 n'sélecteur ne pas travailler de cette façon.
    InformationsquelleAutor darkliquid
  3. 0

    Vous pouvez également exclure des éléments comme ceci:

    $('input').not('[type=radio], [type=checkbox]').live('click', function() {
    alert("You haven't clicked a radio or checkbox!");
});
    InformationsquelleAutor Junaid Anwar