jQuery CityList是一款基于jQuery框架的城市選擇插件。它可以幫助用戶快速地選擇自己所在的城市，方便了用戶的使用。下面是使用該插件的示例。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery CityList插件示例</title>
<link rel="stylesheet" href="jquery.cityList.css">
</head>
<body>
<input type="text" id="city" readonly>
<div id="city-list"></div>
<script src="jquery.min.js"></script>
<script src="jquery.cityList.js"></script>
<script>
$(function () {
$('#city').CityList({
url: 'city.json',
prov: '廣東省',
city: '深圳市',
district: '',
nodata: 'none',
required: true,
});
});
</script>
</body>
</html>上面示例代碼中，需要引入jQuery庫和jQuery CityList插件的js和css文件。在body標簽中，需要設置一個只讀的輸入框，用于顯示選擇的城市。
在script標簽中，使用CityList()方法對該輸入框初始化插件。其中url屬性為數據源的地址，這里使用了一個名為city.json的文件作為數據源。prov屬性為默認省份，city屬性為默認城市，district屬性為默認區縣，nodata為沒有數據時的提示信息，required為必選項的提示信息。
需要注意的是，數據源必須是一個標準的JSON格式文件，格式如下：
[
{
"p":"廣東省",
"c":[
{
"n":"深圳市",
"a":["福田區","南山區","羅湖區","寶安區","龍崗區","鹽田區"]
},
{
"n":"廣州市",
"a":["天河區","越秀區","白云區","黃埔區","海珠區","番禺區"]
}
]
},
{
"p":"江蘇省",
"c":[
{
"n":"南京市",
"a":["玄武區","白下區","秦淮區","建鄴區","鼓樓區","浦口區"]
},
{
"n":"蘇州市",
"a":["姑蘇區","吳中區","相城區","虎丘區","常熟市","昆山市"]
}
]
}
]數據源中的p屬性表示省份，c屬性表示城市，n屬性表示城市名稱，a屬性表示區縣名稱。
通過以上代碼和數據源，我們即可實現一個簡單的城市選擇器。使用jQuery CityList插件，可以大大簡化我們的開發工作。