JavaScript jQuery 判断 checkbox 是否被选中

看似很简单一个问题却搞了好久。目标是判断一个checkbox是否被选中，试了好多方法都不行，包括
$('#checkbox-id').attr('checked') == true
$('#checkbox-id').attr('checked') == 'checked'
$('#checkbox-id').checked

最后发现了两种可行的，搞不清楚，既然是按照ID获取的元素，为什么还要get（0）

方法一：
if ($("#checkbox-id").get(0).checked) {
    // do something
}

方法二：
if($('#checkbox-id').is(':checked')) {
    // do something
}