Заявления об условиях асинхронности jQuery

Question

В jQuery вы можете сделать что-то вроде этого:

function f(b) { 
    return $("<input></input>")
        .addClass("test")
        .if(b, function() {
            $(this).attr("disabled", true).addClass("example");
        })
        .val("test");
}

вместо:

function f(b) {
    var input = $("<input></input>").addClass("test");

    if (b) {
        input.attr("disabled", true).addClass("example");
    }

    return input.val("test");
}

?

На самом деле это просто синтаксический сахар.Хотя полезный.Особенно при разработке больших приложений Ajax.

Планируется ли эта функция для следующих версий или что-то в этом роде?

Answer 1

Нет, нет "условного" метода или чего-то еще. Я не думаю, что подобный метод превратит это в ядро, это похоже на излишество, не так ли? Пример:

function f( b ) {
    return $( '<input>', {
        'class':    'test',
        disabled:   !!b,   // alternate: b === 'something' ? true : false
        value:      'test'
    });
}

Это просто согнет эту переменную b в логическое значение и передаст ее disable attribute. Я думаю, вы можете создать аналогичную конструкцию во всех случаях, когда такой метод, как .if(), может быть полезен.

Демо : http://jsfiddle.net/L8ZaP/

Answer 2

Я думаю, что это не выглядит хуже:

function f(b) { 
    return $("<input></input>")
        .addClass("test")            
        .attr("disabled", b ? true : false)
        .addClass(b ? "example" : "")
        .val("test");
}

Answer 3

См. Этот цепной iif плагин от Ben Alman.

Пример

$('div')
  .append( '1' )
  .iff( my_test, 'foo' )
    .append( '2' )
    .end()
  .append( '3' );

Другой способ - пояснить вышеприведенный пост здесь

Пример

$(this)[$(this).hasClass("myClass")?"hide":"show"]();