jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js使用方法詳解
更新時(shí)間：2017年06月12日 08:35:28 作者：gz_blog
這篇文章主要為大家詳細(xì)介紹了jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js使用方法詳解
1.插件介紹：
jquery.json-viewer.js是一款查看json格式數(shù)據(jù)的jquery插件。它可以將混亂的json數(shù)據(jù)漂亮的方式展示在頁面中，并支持節(jié)點(diǎn)的伸展和收縮和語法高亮等功能。
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í)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- viewer.js一個(gè)強(qiáng)大的基于jQuery的圖像查看插件(支持旋轉(zhuǎn)、縮放)
- 解決 viewer.js 動(dòng)態(tài)更新圖片導(dǎo)致無法預(yù)覽的問題
- jQuery實(shí)現(xiàn)簡單的圖片查看器
- jquery.lazyload 實(shí)現(xiàn)圖片延遲加載jquery插件
- JQuery Jcrop 實(shí)現(xiàn)圖片裁剪的插件
- 基于jQuery的圖片左右無縫滾動(dòng)插件
- jQuery Lightbox 圖片展示插件使用說明
- 基于jQuery圖片平滑連續(xù)滾動(dòng)插件
- 基于Jquery插件開發(fā)之圖片放大鏡效果(仿淘寶)
- jquery上傳插件fineuploader上傳文件使用方法(jquery圖片上傳插件)
- jQuery 圖片查看器插件 Viewer.js用法簡單示例
相關(guān)文章
這篇文章主要介紹了JQuery控制radio選中和不選中方法總結(jié),本文起講解了設(shè)置選中方法、設(shè)置選中和不選中示例、另一種設(shè)置選中方法、根據(jù)值設(shè)置radio選中、使用prop方法操作示例等內(nèi)容,需要的朋友可以參考下2015-04-04
使用jQuery validate 驗(yàn)證注冊表單實(shí)例演示
Validation是jQuery的插件，提供的方法可以大大簡化驗(yàn)證表單的工作，接下來為大家詳細(xì)介紹下使用方法，感興趣的各位可以參考下哈2013-03-03
jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法
這篇文章主要介紹了jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法,涉及jQuery操作頁面元素與鼠標(biāo)事件的技巧,需要的朋友可以參考下2015-06-06
基于jquery中children()與find()的區(qū)別介紹
本篇文章介紹了，基于jquery中children()與find()的區(qū)別，需要的朋友參考下2013-04-04
推薦6款基于jQuery實(shí)現(xiàn)圖片效果插件
這里給大家匯總了一下個(gè)人比較常用的基于jQuery實(shí)現(xiàn)的圖片特效的插件，個(gè)人感覺非常不錯(cuò)，這里分享給大家2014-12-12
jquery api參考 visualjquery 中國線路 速度快
jquery api參考 visualjquery 中國線路 速度快...2007-11-11
Jquery promise實(shí)現(xiàn)一張一張加載圖片
通過jquery promise實(shí)現(xiàn)一張一張的連續(xù)圖片的加載功能，當(dāng)圖片加載錯(cuò)誤，超時(shí)后會(huì)顯示加載圖片加載失敗。對jquery promise實(shí)現(xiàn)加載圖片的相關(guān)資料感興趣的朋友參考下2015-11-11
jquery實(shí)現(xiàn)企業(yè)定位式導(dǎo)航效果
這篇文章主要介紹了jquery實(shí)現(xiàn)企業(yè)定位式導(dǎo)航效果2018-01-01
jQuery實(shí)現(xiàn)仿美橙互聯(lián)兩級導(dǎo)航菜單的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿美橙互聯(lián)兩級導(dǎo)航菜單的方法,實(shí)例分析了jQuery操作css及setTimeout等實(shí)現(xiàn)導(dǎo)航菜單的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jQuery簡單實(shí)現(xiàn)的HTML頁面文本框模糊匹配查詢功能完整示例
這篇文章主要介紹了jQuery簡單實(shí)現(xiàn)的HTML頁面文本框模糊匹配查詢功能,涉及jQuery事件響應(yīng)模擬列表框的下拉數(shù)據(jù)展示與隱藏,以及元素遍歷、匹配等相關(guān)操作技巧,需要的朋友可以參考下2018-05-05