jQuery出发城市筛选实现
去哪儿的出发城市筛选，熟悉吧？不少旅游网站都用这个思路。用jQuery来搞，其实挺顺的，逻辑也清晰。AJAX 拿数据，配合$.getJSON()，响应也快，代码也简单。
数据来源可以是后台接口，也可以是本地.json文件，尤其是城市列表这种固定资源，用JSON格式挺合适。你还可以用$.each()循环生成 DOM，直接append()到下拉框或自动完成列表上，效率高。
交互部分嘛，.on('input')监听输入，配合.filter()做模糊匹配，体验还不错。如果担心性能，用个debounce函数限制触发频率就行。
动画方面可以加点.fadeIn()或.slideDown()，交互更丝滑。城市多的话，懒加载或者分页加载也得考虑上，别一次塞太多数据，用户手机可吃不消。
这套方案还挺适合练手的，数据、事件绑定、DOM 操作，jQuery 的几个核心点全能练到。如果你想做个小 Demo 或者仿站项目，蛮推荐你试试这个场景。
需要资源？我帮你挑了些：
如果你正想搞城市筛选，不妨先用 jQuery 练练手，等后面再考虑 Vue/React 那套组件化的方案也不迟。
下载地址
用户评论
