Почему функция prop() работает только с событием click?

Question

[JackShcherbakov]

Почему так не работает

if($('#hideShip').prop('checked')){
     $('#block').slideUp(300);
}

А так работает

$('#hideShip').click(function(){
   if($(this).prop('checked')){
        $('#block').slideUp(300);
   }
});

Почему без click не работает?

Answer 1

[alvvi]

Может быть потому что при клике мы и добавили инпуту аттрибут checked, следовательно $(this).prop('checked') вернул true, а изначально он возвращает false, потому что инпут не имеет аттрибута checked?

В целом .prop() метод ни от каких событий конечно же не зависит: https://jsfiddle.net/6d6xg5tp/

Answer 2

[Михаил Захаров]

Потому что prop - это не функция, а проверка на состояние. Просто взять и вот так проверить - ты не сможешь. А выполнить проверку по клику или по загрузке страницы и т.д. - запросто.