jQuery-DOM
生活随笔
收集整理的這篇文章主要介紹了
jQuery-DOM
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
jQuery提供過(guò)了方便的方法可以對(duì)XML文件進(jìn)行解析：
<?xml?version="1.0"?encoding="GB2312"?> <china><province?name="吉林省"><city>長(zhǎng)春</city><city>吉林市</city><city>四平</city><city>松原</city><city>通化</city></province><province?name="遼寧省"><city>沈陽(yáng)</city><city>大連</city><city>鞍山</city><city>撫順</city><city>鐵嶺</city></province><province?name="山東省"><city>濟(jì)南</city><city>青島</city><city>威海</city><city>煙臺(tái)</city><city>濰坊</city></province> </china>解析方法：
<body><select?id="province"?name="province"><option?value="">請(qǐng)選擇....</option></select><select?id="city"?name="city"><option?value="">請(qǐng)選擇.....</option></select></body>?<script?language="JavaScript">/**?jquery通過(guò)$.get()或者$.post()方法來(lái)解析并加載xml文件*?*? *?以$.get(url,callback)方法為例*? *?url：要解析的xml文件的路徑*? *?callback：回調(diào)函數(shù)，function(xml){}*? *?xml：解析后的內(nèi)容*/$.get("cities.xml",function(xml){var?docXml?=?xml;//在jquery中使用標(biāo)簽名來(lái)查找對(duì)應(yīng)標(biāo)簽，利用find()方法，傳入標(biāo)簽名var?$provinceXmlElements?=?$(docXml).find("province");$provinceXmlElements.each(function(index,domEle){var?$provinceXmlValue?=?$(domEle).attr("name");/**?<select?id="province"?name="province"><option?value="">請(qǐng)選擇....</option></select>*/var?$option?=?$("<option></option>");$option.attr("value",$provinceXmlValue);$option.text($provinceXmlValue);var?$provinceElement?=?$("#province");$provinceElement.append($option);});$("#province").change(function(){var?$provinceValue?=?$("#province").val();//清空/**?<select?id="city"?name="city"><option?value="">請(qǐng)選擇.....</option><option?value="長(zhǎng)春">長(zhǎng)春</option></select>*/ // $("#city?option[value!='']").each(function(index,domEle){ // $(domEle).remove(); // });$("#city?option[value!='']").remove();$provinceXmlElements.each(function(index,domEle){var?$provinceXmlValue?=?$(domEle).attr("name");if($provinceValue==$provinceXmlValue){var?$cityXmlELements?=?$(domEle).find("city");$cityXmlELements.each(function(index,domEle){var?$cityXmlValue?=?$(domEle).text();/**?<select?id="city"?name="city"><option?value="">請(qǐng)選擇.....</option></select>*/var?$option?=?$("<option></option>");$option.attr("value",$cityXmlValue);$option.text($cityXmlValue);var?$cityElement?=?$("#city");$cityElement.append($option);});}});});});</script> </html>轉(zhuǎn)載于:https://my.oschina.net/u/1765238/blog/293882
總結(jié)
以上是生活随笔為你收集整理的jQuery-DOM的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Python脚本--Apache配置文件
- 下一篇： 五、oracle 表的管理