$('#btn0').click(function(){
$('#input0').val( $('#link').attr('href') );
$('#input1').val( $('#link').prop('href') );
});
$('#btn1').click(function(){
$('#input2').val( $('#sampleCheckbox').attr('checked') );
$('#input3').val( $('#sampleCheckbox').prop('checked') );
});
.attr()で取得するのは、HTMLで記述したsrc属性の値となります。
.prop()で取得するのは、javascriptで扱うプロパティとなるため、必ずしも記述した属性の値になるとは限りません。
aタグのsrc属性を取得する
.attr()で取得した結果：
.prop()で取得した結果：
checkboxの属性を取得する
.attr()で取得した結果：
.prop()で取得した結果：