jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js使用方法詳解

更新時間：2017年06月12日 08:35:28 作者：gz_blog

這篇文章主要為大家詳細(xì)介紹了jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下

1.插件介紹：

jquery.json-viewer.js是一款查看json格式數(shù)據(jù)的jquery插件。它可以將混亂的json數(shù)據(jù)漂亮的方式展示在頁面中，并支持節(jié)點的伸展和收縮和語法高亮等功能。

2.代碼演示：

1).首先引入jquery和json.viewer.js插件

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/jquery.json-viewer.js"></script>

2).html代碼：

3).js代碼：

4）.在textarea文本域輸入框中輸入json數(shù)據(jù)格式的數(shù)據(jù)

5).結(jié)果頁面：

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JQuery控制radio選中和不選中方法總結(jié)
這篇文章主要介紹了JQuery控制radio選中和不選中方法總結(jié),本文起講解了設(shè)置選中方法、設(shè)置選中和不選中示例、另一種設(shè)置選中方法、根據(jù)值設(shè)置radio選中、使用prop方法操作示例等內(nèi)容,需要的朋友可以參考下
2015-04-04
使用jQuery validate 驗證注冊表單實例演示
Validation是jQuery的插件，提供的方法可以大大簡化驗證表單的工作，接下來為大家詳細(xì)介紹下使用方法，感興趣的各位可以參考下哈
2013-03-03
jquery使整個div區(qū)域可以點擊的方法
這篇文章主要介紹了jquery使整個div區(qū)域可以點擊的方法,涉及jQuery操作頁面元素與鼠標(biāo)事件的技巧,需要的朋友可以參考下
2015-06-06
基于jquery中children()與find()的區(qū)別介紹
本篇文章介紹了，基于jquery中children()與find()的區(qū)別，需要的朋友參考下
2013-04-04
推薦6款基于jQuery實現(xiàn)圖片效果插件
這里給大家匯總了一下個人比較常用的基于jQuery實現(xiàn)的圖片特效的插件，個人感覺非常不錯，這里分享給大家
2014-12-12
jquery api參考 visualjquery 中國線路速度快
jquery api參考 visualjquery 中國線路速度快...
2007-11-11
Jquery promise實現(xiàn)一張一張加載圖片
通過jquery promise實現(xiàn)一張一張的連續(xù)圖片的加載功能，當(dāng)圖片加載錯誤，超時后會顯示加載圖片加載失敗。對jquery promise實現(xiàn)加載圖片的相關(guān)資料感興趣的朋友參考下
2015-11-11
jquery實現(xiàn)企業(yè)定位式導(dǎo)航效果
這篇文章主要介紹了jquery實現(xiàn)企業(yè)定位式導(dǎo)航效果
2018-01-01
jQuery實現(xiàn)仿美橙互聯(lián)兩級導(dǎo)航菜單的方法
這篇文章主要介紹了jQuery實現(xiàn)仿美橙互聯(lián)兩級導(dǎo)航菜單的方法,實例分析了jQuery操作css及setTimeout等實現(xiàn)導(dǎo)航菜單的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
jQuery簡單實現(xiàn)的HTML頁面文本框模糊匹配查詢功能完整示例
這篇文章主要介紹了jQuery簡單實現(xiàn)的HTML頁面文本框模糊匹配查詢功能,涉及jQuery事件響應(yīng)模擬列表框的下拉數(shù)據(jù)展示與隱藏,以及元素遍歷、匹配等相關(guān)操作技巧,需要的朋友可以參考下
2018-05-05