大家好，我是林译川。今天我们来聊聊一个常见的问题：怎么用 JavaScript 选择元素？你可能经常听到两种方法：document.getElementById() 和 $("#id")。它们看起来都挺像的，但真的一样吗？今天我们就来一探究竟。
首先，它们的作用是一样的吗？
如果你只是想定位到页面上的一个元素，那么这两种方法确实可以做到这一点。但是，它们之间还是有区别的。
区别在哪里？
document.getElementById() 返回的是一个 DOM 对象，而 $("#id") 返回的是一个 jQuery 对象。这意味着，jQuery 对象可以调用 jQuery 提供的丰富方法，而 DOM 对象则只能使用原生 JavaScript 的方法。
举个例子，如果你想获取元素的 HTML 内容，你可以这样做：
$('#test').html() // 使用 jQuery 方法
或者这样：
document.getElementById('test').innerHTML // 使用原生 JavaScript 属性
如何转换对象？
如果你需要，你可以轻松地将 DOM 对象转换成 jQuery 对象，或者反过来。
- 将 DOM 对象转换成 jQuery 对象：使用 $() 函数。
- 将 jQuery 对象转换成 DOM 对象：使用索引访问，比如 $(