jQuery选择器返回input元素却无法调用.change()/.val()方法排查

• 拿到的是原生DOM元素而非jQuery对象
  控制台里显示的元素如果是原生DOM节点，那它本身没有.change()和.val()这些jQuery专属方法。比如你可能用了document.querySelector('input')获取元素，或者通过$('input')[0]这种索引方式取到了原生元素，而非jQuery包装后的对象。
  解决：把原生元素用$()包裹转为jQuery对象，比如$(document.querySelector('input')).val()；如果是从jQuery集合里取单个元素，用eq(index)方法，比如$('input').eq(0).change(handler)。

• jQuery未正确加载或加载顺序错误
  即便控制台能返回元素，也可能是页面里的jQuery还没加载完成，或者你的代码在jQuery脚本执行前就运行了。另外控制台的环境可能和页面实际加载状态不一致（比如页面里的jQuery被移除，但控制台缓存了旧环境）。
  解决：检查页面中jQuery脚本的引入路径是否正确，确保业务代码在jQuery加载后执行——比如把代码放在$(document).ready()回调里，或者将你的脚本标签放在jQuery引入标签的后面。

• $符号被其他库冲突覆盖
  如果页面同时引入了Prototype、Zepto这类也使用$作为标识符的库，会导致你调用的$不是jQuery的方法，返回的自然也不是jQuery对象，无法使用.change()、.val()。
  解决：改用jQuery('input')代替$('input')；或者调用$.noConflict()释放$的控制权，再自定义变量来指代jQuery，比如：

  var jq = $.noConflict();
  jq('input').val('test');
  

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