選択されているリストボックスを解除する方法

選択されているリストボックスを解除する必要があったので、JavaScriptとjQueryでそれぞれ試してみた。どちらも解除することができました。
試した方法を忘れないよう記録しておきます。

リストボックス(HTML)

<select name="food" size="3" multiple>
  <option value="りんご">りんご</option>
  <option value="いちご">いちご</option>
  <option value="ぶどう">ぶどう</option>
</select>

先ずはJavaScript

var elem = document.querySelectorAll('select[name="food"] option');
for(var i=0; i<elem.length; i++) {
  elem[i].selected = false;
}

次はjQuery

$('option').prop('selected',false);