當前位置：
首頁 >
jQuery-DOM
發布時間：2024/4/15
35
豆豆
生活随笔
收集整理的這篇文章主要介紹了
jQuery-DOM
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
2019獨角獸企業重金招聘Python工程師標準>>>
jQuery提供過了方便的方法可以對XML文件進行解析：
<?xml?version="1.0"?encoding="GB2312"?> <china><province?name="吉林省"><city>長春</city><city>吉林市</city><city>四平</city><city>松原</city><city>通化</city></province><province?name="遼寧省"><city>沈陽</city><city>大連</city><city>鞍山</city><city>撫順</city><city>鐵嶺</city></province><province?name="山東省"><city>濟南</city><city>青島</city><city>威海</city><city>煙臺</city><city>濰坊</city></province> </china>解析方法：
<body><select?id="province"?name="province"><option?value="">請選擇....</option></select><select?id="city"?name="city"><option?value="">請選擇.....</option></select></body>?<script?language="JavaScript">/**?jquery通過$.get()或者$.post()方法來解析并加載xml文件*?*? *?以$.get(url,callback)方法為例*? *?url：要解析的xml文件的路徑*? *?callback：回調函數，function(xml){}*? *?xml：解析后的內容*/$.get("cities.xml",function(xml){var?docXml?=?xml;//在jquery中使用標簽名來查找對應標簽，利用find()方法，傳入標簽名var?$provinceXmlElements?=?$(docXml).find("province");$provinceXmlElements.each(function(index,domEle){var?$provinceXmlValue?=?$(domEle).attr("name");/**?<select?id="province"?name="province"><option?value="">請選擇....</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="">請選擇.....</option><option?value="長春">長春</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="">請選擇.....</option></select>*/var?$option?=?$("<option></option>");$option.attr("value",$cityXmlValue);$option.text($cityXmlValue);var?$cityElement?=?$("#city");$cityElement.append($option);});}});});});</script> </html>轉載于:https://my.oschina.net/u/1765238/blog/293882
總結
以上是生活随笔為你收集整理的jQuery-DOM的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Python脚本--Apache配置文件
- 下一篇： 五、oracle 表的管理