jquery的scrollTop方法和js的scrollTop属性有什么区别呢？

Question

<div style="width:100px;height:100px;background-color:#FF0000;overflow:hidden;" id="p">

    <div style="width:50px;height:300px;background-color:#0000FF;" id="t">如果为 p     设置了 scrollTop，这些内容可能不会完全显示。

    </div>

</div>

<script>

var p = document.getElementById("p");

//p.scrollTop = 10; && 

$(p).scrollTop(10);

</script>

使用这两种方法感觉并没有什么区别，得到的是同样的效果？
https://jsfiddle.net/a3oxaL03/