jQuery Cacher/Montrer si l'instruction conditionnelle

Je le fais beaucoup de choses:

var condition = true;
if (condition === true) {
    $('#condition_dependancy').show();
} else {
    $('#condition_dependancy').hide();
}

Cela peut-il être plus propre point de vue syntaxique? Je pourrais écrire mon propre:

$('#condition_dependancy').hidden(condition);

Mais je me demandais simplement si il n'y a rien de construit dans.

OriginalL'auteur Dom Vinyard | 2013-12-12

  1. 39

    Vous pouvez utiliser toggle:

    var condition = true;
$('#condition_dependancy').toggle(condition);

    Côté remarque: N'utilisez pas des choses comme

    if (condition === true)

    moins qu'il y a une possibilité que condition sera différent "truthy"* de la valeur et que vous souhaitez seulement l'expression pour être vrai, si c'est précisément true et pas si c'est juste truthy. En général == (boolean) et (en JavaScript) === (boolean) est juste du bruit (même si en JavaScript il y a des cas limites pour l'utilisation de la === version).

    Préférez:

    if (condition)

    et (pour la == false /=== false cas):

    if (!condition)

    * "truthy": En JavaScript, les types peuvent être contraints par des expressions. Partout où un booléen est prévu, si vous utilisez quelque chose qui n'est pas un booléen, c'est la contrainte de l'être. Des choses que de le contraindre à true sont appelés "truthy" des valeurs, des choses que de le contraindre à false sont appelés "falsey" valeurs". Le falsey valeurs sont 0, "", NaN, undefined, null, et bien sûr, false. Tout le reste est truthy.

    Merci! N'avait aucune idée de qui bascule pourrait accepter ce paramètre. J'ai inclus le '=== true' dans ma syntaxe à (mal) de s'exprimer que ce pourrait être n'importe quelle expression à évaluer, non seulement un bool - stupide, vraiment. Mais c'est toujours une très bonne note pour tout le monde de la lecture. (Je vais accepter cette réponse dès que mes 10 minutes échéance du terme!)

    OriginalL'auteur T.J. Crowder

  2. 6

    Utilisant toggle():

    $('#condition_dependancy').toggle(condition);

    OriginalL'auteur A. Wolff