如何使用jQuery实现点击按钮后让光标定位到搜索框输入框中

现有代码存在两个明确问题：

• 大小写拼写错误：JavaScript严格区分大小写，代码第二行的jquery首字母未大写，和全局挂载的jQuery对象不匹配，会直接抛出未定义错误，导致逻辑完全无法执行
• 方法调用错误：click()方法的作用是触发元素的点击事件，无法让输入框获得焦点，实现光标自动定位到输入区域需要调用专门的focus()方法

正确实现代码如下：

jQuery('.button').on('click', function () {
  // 触发输入框聚焦，光标自动定位到输入区域
  jQuery('.input').focus();
  // 可选扩展：如果需要自动选中输入框内已有的预设内容，可新增下面这行代码
  // jQuery('.input').select();
})

补充注意：需确认选择器匹配正确，.input对应实际的搜索框DOM元素，.button对应触发点击的按钮元素，避免选择器匹配不到对象导致功能不生效。

内容的提问来源于stack exchange，提问作者Curiocity