本文实例讲述了jQuery与getJson结合的用法。分享给大家供大家参考。具体如下:
这里分析jQuery与getJson结合的一个应用实例,因为json保存数据比较轻巧实用,所以个人比较喜欢Json功能,用这个简单写了一个导航菜单的功能,比较简单的那种,目的是演示如何将jQuery与Json结合起来。
运行效果截图如下:
具体代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http:///"} ] } ] } var items = []; $.each(data.siteData, function(i, val) {var li2Size = val.siteList.length;for(var m=0, li2 = ''; m < li2Size; m++){ li2 += '<li id="li_'+i+'_'+m+'"><a href="' + val.siteList[m].url + '" title="' + val.siteList[m].sName + '" target="_blank">' + val.siteList[m].sName + '</a></li>';} items.push('<li><dl id="li_' + i + '"><dt>' + val.siteClass +'</dt><dd><ul>'+ li2 + '</ul></dd></dl></li>'); }); $('<ul/>', { 'style': 'color:red;', 'class': 'my-new-list', html: items.join('') }).appendTo('body'); })</script></head><body></body></html>希望本文所述对大家的jquery程序设计有所帮助。