jQuery實(shí)現(xiàn)二維碼掃描功能
更新時間：2017年01月09日 09:49:18 作者：Zerone1993
這篇文章主要
介紹了jQuery利用jquery.qrcode.min.js插件實(shí)現(xiàn)二維碼掃描功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
二維碼：利用圖形模擬二進(jìn)制0、1的概念，達(dá)到存儲少量數(shù)據(jù)的功能，一般移動端瀏覽器解析出二維碼里面隱藏的url數(shù)據(jù)會自動進(jìn)行跳轉(zhuǎn)，常見的支付寶、微信掃描登陸就是利用該原理
Jquery二維碼的實(shí)現(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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章向大家推薦了一款基于jquery實(shí)現(xiàn)的簡潔文件上傳表單樣式，實(shí)現(xiàn)效果大方精致，極力推薦給大家，希望大家可以喜歡。2015-11-11
jquery 查找iframe父級頁面元素的實(shí)現(xiàn)代碼
jquery 查找iframe父級頁面元素的實(shí)現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。2011-08-08
jQuery插件開發(fā)的兩種方法及$.fn.extend的詳解
jQuery插件開發(fā)分為兩種：1 類級別、2 對象級別，下面為大家詳細(xì)介紹下2014-01-01
本篇文章主要是對Jquery getJSON方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了如何使用jQuery異步加載JavaScript腳本,需要的朋友可以參考下2014-04-04
詳談Ajax請求中的async:false/true的作用(ajax 在外部調(diào)用問題)
下面小編就為大家?guī)硪黄斦凙jax請求中的async:false/true的作用(ajax返回值在外部調(diào)用問題)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
jquery easyui datagrid實(shí)現(xiàn)增加，修改，刪除方法總結(jié)
這篇文章主要介紹了jquery easyui datagrid實(shí)現(xiàn)增加，修改，刪除方法,結(jié)合實(shí)例形式分析了jquery easyui datagrid結(jié)合asp.net實(shí)現(xiàn)數(shù)據(jù)的增刪改等操作的步驟與相關(guān)技巧,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jQuery1.8中的幾個小變化。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery實(shí)現(xiàn)輸入框的放大和縮小功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)輸入框的放大和縮小功能,涉及jQuery基于事件響應(yīng)的頁面元素屬性動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
用jQuery中的ajax分頁實(shí)現(xiàn)代碼
去年的時候剛接觸Jquery，也就做界面特效用了下，對其很有興趣，迫于現(xiàn)在項(xiàng)目中不怎么用，對其甚是想念呀，這不沒抽點(diǎn)時間再來看看Juery中好玩的東西。2011-09-09