document.getElementById(“id“) 与 $(“#id“) 的区别

document.getElementById(“id”) 与 KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id") 的区别 如果仅从定位…()返回的是jQuery对象。
$(’#test’)：是一个jquery写法,#test是一个过滤器表示方法，表示查找一个id是test的节点，返回的是一个数组对象，数组的[0]表示dom节点。
document.getElementById(‘test’)：表示从document中查找一个id是test的dom节点。

document.getElementById(“id”) 与$("#id")并不等价。但是：document.getElementById(“id”) = $("#id")[0]
jQuery对象是jQuery独有的，其可以使用jQuery里的方法。
虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法。
例如：html()是jQuery里的方法。innerHTML是DOM对象的属性

KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲test').html() =…()转换成jQuery对象。 
如：$(document.getElementById(“test”)) 
返回的就是jQuery对象，可以使用jQuery的方法。

jQuery对象转DOM对象 
jQuery对象是一个数组对象，可以通过[index]的方法，来得到相应的DOM对象。
另外、jQuery本身提供，通过.get(index)方法，得到相应的DOM对象
如： KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲test")[0]，(“div”).eq(1)[0]，$("td")[5]、$("#test").get(0)
这些都是Dom对象，可以使用Dom中的方法，但不能再使用jQuery的方法。

以下几种写法都是正确的：

$("#test").html(); 
$("#test")[0].innerHTML; 
$("#test").eq(0)[0].innerHTML; 
$("#test").get(0).innerHTML;
————————————————
版权声明：本文为CSDN博主「程序员_小小」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qingdatiankong/article/details/87967235