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

Посмотрите это chainable iif плагин от Ben Alman.

Пример

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

Другой способ, как комментатор на пост выше объясняет here

Пример

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

Answer 2

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

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

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

Demo: http://jsfiddle.net/L8ZaP/

Answer 3

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

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