前言:如果看过了第一篇和第二篇,相信大家会对jQuery有个初步的认识了,对于jQuery的选择器和数组的操作都已经很熟悉了,这一篇就单独罗列jQuery中字典的操作相关的内容.
1. 数组中添加map
arr = key = value = document.write(<span style="color: #800000;">"<span style="color: #800000;">key: <span style="color: #800000;">" + arr[<span style="color: #800080;">0][<span style="color: #800000;">'<span style="color: #800000;">key<span style="color: #800000;">'] +
<span style="color: #800000;">"<span style="color: #800000;">
value: <span style="color: #800000;">" + arr[<span style="color: #800080;">0][<span style="color: #800000;">'<span style="color: #800000;">value<span style="color: #800000;">'<span style="color: #000000;">]);
输出结果：
key: Jeremy
value:
!!!!
2. 数组遍历输出
arr =( i + + arr[i] + 输出结果：
<span style="color: #800080;">0<span style="color: #000000;">: Jeremy
<span style="color: #800080;">1: Jimmy
dict = [];
dict[] = ] = ( key + + dict[key] + 输出结果：
Jeremy: <span style="color: #800080;">20<span style="color: #000000;">
Jimmy: <span style="color: #800080;">30
4. 字典声明时赋值
dict = : : ( key + + dict[key] + 输出结果：
Jeremy: <span style="color: #800080;">20<span style="color: #000000;">
Jimmy: <span style="color: #800080;">30
<div class="cnblogs_code">
dict = : [nese, : [, name = ( courseIndex + 输出结果：
Chinese
Math
<
id= onchange=>
,<span style="color: #800000;">"<span style="color: #800000;">HuangPu<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">TianHe<span style="color: #800000;">"<span style="color: #000000;">],<span style="color: #800000;">"<span style="color: #800000;">QingYuan<span style="color: #800000;">":[<span style="color: #800000;">"<span style="color: #800000;">QingCheng<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">YingDe<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">LianShan<span style="color: #800000;">"<span style="color: #000000;">],<span style="color: #800000;">"<span style="color: #800000;">FoShan<span style="color: #800000;">":[<span style="color: #800000;">"<span style="color: #800000;">NanHai<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">ShunDe<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">SanShui<span style="color: #800000;">"<span style="color: #000000;">]
},<span style="color: #800000;">"<span style="color: #800000;">ShanDong<span style="color: #800000;">"<span style="color: #000000;">:{
<span style="color: #800000;">"<span style="color: #800000;">JiNan<span style="color: #800000;">":[<span style="color: #800000;">"<span style="color: #800000;">LiXia<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">ShiZhong<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">TianQiao<span style="color: #800000;">"<span style="color: #000000;">],<span style="color: #800000;">"<span style="color: #800000;">QingDao<span style="color: #800000;">":[<span style="color: #800000;">"<span style="color: #800000;">ShiNan<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">HuangDao<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">JiaoZhou<span style="color: #800000;">"<span style="color: #000000;">]
},<span style="color: #800000;">"<span style="color: #800000;">HuNan<span style="color: #800000;">"<span style="color: #000000;">:{
<span style="color: #800000;">"<span style="color: #800000;">ChangSha<span style="color: #800000;">":[<span style="color: #800000;">"<span style="color: #800000;">K
aifu<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">YuHua<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">WangCheng<span style="color: #800000;">"<span style="color: #000000;">],<span style="color: #800000;">"<span style="color: #800000;">ChenZhou<span style="color: #800000;">":[<span style="color: #800000;">"<span style="color: #800000;">BeiHu<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">SuXian<span style="color: #800000;">",<span style="color: #800000;">"<span style="color: #800000;">YongXian<span style="color: #800000;">"<span style="color: #000000;">]
}
};
<span style="color: #008000;">//<span style="color: #008000;">通过province或city的变化连动
<span style="color: #000000;">function SelectValueChanged(idType,perpose) {
<span style="color: #0000ff;">var selectedValue =<span style="color: #000000;"> GetSelectedId(idType);
<span style="color: #0000ff;">if(perpose == <span style="color: #800000;">"<span style="color: #800000;">Get_City<span style="color: #800000;">"<span style="color: #000000;">)
{
AddCity(selectedValue);
}
<span style="color: #0000ff;">else <span style="color: #0000ff;">if(perpose == <span style="color: #800000;">"<span style="color: #800000;">Get_Country<span style="color: #800000;">"<span style="color: #000000;">)
{
AddCountry(selectedValue);
}
}
function GetSelectedId(id){
<span style="color: #0000ff;">var prop =<span style="color: #000000;"> document.getElementById(id);
<span style="color: #0000ff;">var selectedValue =<span style="color: #000000;"> prop.options[prop.selectedindex].id;
<span style="color: #0000ff;">return<span style="color: #000000;"> selectedValue;
}
function AddCity(provinceSelectedValue){
<span style="color: #008000;">//<span style="color: #008000;">保持联动的一致性， 当Province的index变化时都需要清空City和Country的值
$(<span style="color: #800000;">"<span style="color: #800000;">#City<span style="color: #800000;">"<span style="color: #000000;">).empty();
$(<span style="color: #800000;">"<span style="color: #800000;">#City<span style="color: #800000;">").append(<span style="color: #800000;">"<span style="color: #800000;"><span style="color: #800000;">"<span style="color: #000000;">);
$(<span style="color: #800000;">"<span style="color: #800000;">#Country<span style="color: #800000;">"<span style="color: #000000;">).empty();
$(<span style="color: #800000;">"<span style="color: #800000;">#Country<span style="color: #800000;">").append(<span style="color: #800000;">"<span style="color: #800000;"><span style="color: #800000;">"<span style="color: #000000;">);
<span style="color: #0000ff;">var cityNames =<span style="color: #000000;"> placeDictionary[provinceSelectedValue];
<span style="color: #0000ff;">for(<span style="color: #0000ff;">var city <span style="color: #0000ff;">in<span style="color: #000000;"> cityNames)
{
<span style="color: #008000;">//<span style="color: #008000;">这里遍历的值直接是value
<span style="color: #0000ff;">var value = <span style="color: #800000;">"<span style="color: #800000;"><span style="color: #800000;">"<span style="color: #000000;">;
$(<span style="color: #800000;">"<span style="color: #800000;">#City<span style="color: #800000;">"<span style="color: #000000;">).append(value);
}
}
function AddCountry(citySelectedValue) {
<span style="color: #008000;">//<span style="color: #008000;">保持联动一致性，当City的index变化时需要清空Country中的值
$(<span style="color: #800000;">"<span style="color: #800000;">#Country<span style="color: #800000;">"<span style="color: #000000;">).empty();
$(<span style="color: #800000;">"<span style="color: #800000;">#Country<span style="color: #800000;">").append(<span style="color: #800000;">"<span style="color: #800000;"><span style="color: #800000;">"<span style="color: #000000;">);
<span style="color: #0000ff;">var provinceSelectedId = GetSelectedId(<span style="color: #800000;">"<span style="color: #800000;">Province<span style="color: #800000;">"<span style="color: #000000;">);
<span style="color: #008000;">//<span style="color: #008000;">获得城市列表
<span style="color: #0000ff;">var countries =<span style="color: #000000;"> placeDictionary[provinceSelectedId][citySelectedValue];
<span style="color: #0000ff;">for(<span style="color: #0000ff;">var index <span style="color: #0000ff;">in<span style="color: #000000;"> countries)
{
<span style="color: #008000;">//<span style="color: #008000;">这里index获取的是id 值
<span style="color: #0000ff;">var value = <span style="color: #800000;">"<span style="color: #800000;"><span style="color: #800000;">"<span style="color: #000000;">;
$(<span style="color: #800000;">"<span style="color: #800000;">#Country<span style="color: #800000;">"<span style="color: #000000;">).append(value);
}
}
