原生js获取dom和jQuey获取dom的区别

1、原生js获取的dom，通过id获取到的就是当前对应的节点，而 通过class获取返回的是 HTMLCollection 对象。HTMLCollection 对象类似包含所有 HTML 元素的一个数组。参考菜鸟教程和HTMLCollection 。通过索引获取到自己想要的节点。

2、jQuery哪种方式获取dom返回的都是一个数组。可以通过length检查是否存在当前节点。
3、原生js获取的dom与jQuery获取的dom转换。

<ul id="demoul">
            <li class="demo">demo</li>
            <li class="demo">demo</li>
            <li class="demo">demo</li>
            <li class="demo">demo</li>
            <li class="demo">demo</li>
 </ul>
 <script>
      	var jqdom = $('.demo');// jquery获取的dom
        var dom1 = jqdom.eq(0)[0]; // 转换成原生节点
        var dom2 = jqdom.get(0);// 转换成原生节点


        var jsdom = document.getElementsByClassName('demo'); //原生获取的节点
        var jsdom1 = $(jsdom[0]);//转换成jquery的dom对象
</script>

4、原生js和jquery操作dom的方法
jQuery中dom操作
原生js的dom操作