jQuery實現(xiàn)二維碼掃描功能
更新時間：2017年01月09日 09:49:18 作者：Zerone1993
這篇文章主要
介紹了jQuery利用jquery.qrcode.min.js插件實現(xiàn)二維碼掃描功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
二維碼：利用圖形模擬二進制0、1的概念，達到存儲少量數(shù)據(jù)的功能，一般移動端瀏覽器解析出二維碼里面隱藏的url數(shù)據(jù)會自動進行跳轉(zhuǎn)，常見的支付寶、微信掃描登陸就是利用該原理
Jquery二維碼的實現(xiàn)：jquery.qrcode.min.js插件
HTML正文：
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script> <input type="button" value="二維碼" id="bt" />： <span id="count"></span> <br> <div id="code"></div> <br>
Javascript操作代碼：
var i=0;
$("#bt").click(function() {
$("#count").text(++i);
$("#code").text(""); //初始化二維碼的位置
jQuery('#code').qrcode({
render : "canvas",//也可以替換為table
width : 100,
height : 100,
text : "http://www.baidu.com" //二維碼內(nèi)置內(nèi)容，如果時URL形式一般瀏覽器會自動加載
});
});
效果：
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
用jQuery向div中添加Html文本內(nèi)容的簡單實現(xiàn)
下面小編就為大家?guī)硪黄胘Query向div中添加Html文本內(nèi)容的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要介紹了jQuery EasyUI API 中文幫助文檔和擴展實例 的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
今天小編就為大家分享一篇關(guān)于簡單易擴展可控性強的Jquery轉(zhuǎn)盤抽獎程序，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03
這篇文章主要介紹了jQuery鏈式操作,實例分析了jQuery基于鏈式操作動態(tài)改變頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
今天小編就為大家分享一篇關(guān)于jQuery事件blur()方法的使用實例講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03
PageSwitch插件實現(xiàn)100種不同圖片切換效果
這篇文章主要介紹了PageSwitch插件實現(xiàn)100種不同圖片切換效果,需要的朋友可以參考下2015-07-07
jQuery實現(xiàn)的監(jiān)聽導航滾動置頂狀態(tài)功能示例
這篇文章主要介紹了jQuery實現(xiàn)的監(jiān)聽導航滾動置頂狀態(tài)功能,涉及基于jQuery的事件響應及狀態(tài)監(jiān)聽等相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
下面小編就為大家?guī)硪黄鞣N選擇框jQuery的選中方法(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
jQuery獲取復選框被選中數(shù)量及判斷選擇值的方法詳解
這篇文章主要介紹了jQuery獲取復選框被選中數(shù)量及判斷選擇值的方法,結(jié)合實例形式分析了jQuery操作復選框進行判定與統(tǒng)計的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2016-05-05
本篇文章主要是對jQuery 文本框得失焦點的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02