引言
在开发Web应用程序时，经常会遇到一种情况，即需要根据输入框的ID来获取元素，并且这些输入框的ID可能相同，但是它们的类型不同。本篇博客将介绍如何使用JQuery来获取这样的输入框。
JQuery选择器
JQuery是一个功能强大的Javascript库，它提供了丰富的选择器来获取页面上的元素。其中之一是基于ID的选择器 $('#id')，它可以通过元素的ID来获取该元素。
然而，使用基于ID的选择器时，如果有多个元素具有相同的ID，JQuery只会返回第一个匹配的元素。这就导致了我们无法通过ID来精确选择所需的元素。
类选择器
为了解决这个问题，可以使用类选择器。类选择器使用 $('.class') 的语法，通过元素的类名来获取元素。通过给相同ID但不同类型的输入框添加不同的类名，我们可以使用类选择器来获取特定类型的输入框。
例如，假设有两个输入框，它们的ID都是"inputBox"，一个是<input>类型的输入框，另一个是<textarea>类型的输入框。我们可以分别给它们添加类名"inputType"和"textareaType"。
<input type="text" id="inputBox" class="inputType">
<textarea id="inputBox" class="textareaType"></textarea>
然后，可以使用类选择器来分别获取它们：
var $input = $('.inputType');
var $textarea = $('.textareaType');
这样，我们就可以按照不同的类型来获取相同ID的输入框了。
兄弟选择器
除了使用类选择器，还可以使用兄弟选择器来获取相同ID但不同类型的输入框。兄弟选择器使用 $('#id + element') 的语法，它可以通过指定元素的类型来获取相邻的元素。
例如，假设仍然有两个相同ID但不同类型的输入框，我们可以使用以下方式来获取它们：
var $input = $('#inputBox + input');
var $textarea = $('#inputBox + textarea');
这样，我们就可以通过兄弟选择器来获取与特定类型相邻（之后）的元素。
结论
通过使用类选择器或者兄弟选择器，我们可以在JQuery中获取相同ID但是类型不同的输入框。这使得我们能够更灵活地操作页面上的元素，以满足我们的需求。希望本篇博客能对你有所帮助！
参考资源：
本文来自极简博客，作者：晨曦之光，转载请注明原文链接：JQuery获得input ID相同但是type不同的方法
