JQuery报错：Uncaught TypeError: Cannot read property 'trim' of undefined

虽然是很常见的问题，大神可以忽略！写这篇文章完全是为了提醒像我这样的小白的。

报错的js语句如下：var input = $("#EarningsTypes").val().trim();

针对Uncaught TypeError: Cannot read property 'trim' of undefined这种错误，常见的解决方法是：

1.可以更改为，

var vname = $("#EarningsTypes").val() == undefined ? '' : $("#EarningsTypes").val().trim();

详情参考 https://stackoverflow.com/questions/32733423/uncaught-typeerror-cannot-read-property-trim-of-undefined-in-jquery

2.或者改为

var vname = $("#EarningsTypes").val() || '';

但是，我却发现，我的错误竟然发生在选择器上，选择器无效导致$("#input")为空，而为了后续的处理，显然选择器这种错误是比较低级，正是因为低级有时候还难以发现。

错误详情如下图所示：