jQuery City Picker是一個方便的工具，可以在移動設備上實現城市選擇。其基于jQuery編寫，使用方便，具有良好的可擴展性。本文將介紹如何使用jQuery City Picker實現城市選擇功能。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery City Picker Demo</title>
<!-- 引入jQuery庫和jQuery City Picker插件 -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="jquery.citypicker.min.js"></script>
</head>
<body>
<!-- 城市選擇框 -->
<input type="text" id="city-picker" readonly="readonly">
<!-- 插件初始化 -->
<script>
$('#city-picker').citypicker();
</script>
</body>
</html>以上是一個基本的使用實例。通過引入jQuery和jQuery City Picker插件，使用選擇器選中要實現城市選擇功能的文本框，調用citypicker()函數即可初始化。需要注意的是，在文本框上添加readonly="readonly"屬性以防止用戶在此輸入。
jQuery City Picker支持各種自定義設置。例如，可以對初始城市進行設置，可用城市列表和待選城市列表也可以在初始化中進行自定義。以下是一個自定義示例：
<script>
$('#city-picker').citypicker({
province: '湖南省',
city: '長沙市',
district: '岳麓區',
enabled: false,
hotList: ['上海市', '北京市', '廣州市', '深圳市', '武漢市']
});
</script>在這個自定義示例中，設置了初始城市為湖南省長沙市岳麓區，同時將啟用城市選擇列表設置為false，即僅顯示當前城市，而隱藏選擇列表。另外，配置了熱門城市列表，只顯示其中的5個城市。
還有很多其他的設置和選項可供選擇和定制，可以訪問jQuery City Picker的官方網站（https://github.com/tshi0912/city-picker）查看詳細文檔和API。