本文实例讲述了jQuery与getJson结合的用法。分享给大家供大家参考。具体如下：

这里分析jQuery与getJson结合的一个应用实例，因为json保存数据比较轻巧实用，所以个人比较喜欢Json功能，用这个简单写了一个导航菜单的功能，比较简单的那种，目的是演示如何将jQuery与Json结合起来。

运行效果截图如下：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejQuery与Json结合的一个应用例子/title脚本src=' http : jquery-1。6 .2 .量滴js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ var data={ ' siteData ' : [{ ' sitedclass ' : '网页制作，' siteList' : [ {'sName' : '我们，' url' : '//www.jb51.net/'}，{'sName' : '51CTO '，' URL ' : ' http://www。51CTO。com/' }，{'sName' : '博客园，'网址' : ' http://www。cn博客。com/' }]}，{ 'siteClass' : '在线音乐，' siteList' : [ {'sName' : '百度MP3 '，' URL ' : ' http://MP 3。百度。com/' }，{'sName' : '千千静听，'网址' : ' http://www。音乐2。com/' }，{'sName' : '酷狗音乐，'网址' : ' http://www。库古。com/' }]}，{ 'siteClass' : '求职招聘，' siteList ' :[{ ' sName ' : ' 58同城，' url' : 'http://www.58.com/'}，{'sName' : '赶集网，'网址' : ' http://www。甘吉。com/' }]} } var items=[]；$.每个(data.siteData，function(i，val){ var li2 size=val。网站列表。长度；for(var m=0，li2=m li2 size m){ li2=' Li id=' Li _ ' I ' _ ' m ' a href=' val。站点列表[m].URL""title=""val。站点列表[m].sName ' ' target=' _ blank ' ' val。网站列表[m].sName/a/Li '；}个项目。push(' lidl id=' Li _ ' I ' ' dt ' val。site class '/dtd dul ' li2 '/ul/DD/dl/Li ')；});$('ul/'，{ ' style ' : ' color:red '，" class":"my-new-list "，html :项。join(" " }).appendo(' body ')；})/脚本/床头/正文/html希望本文所述对大家的jquery程序设计有所帮助。