解决jq动态添加class之后无法使用点击事件问题 很多开发者、初学者会发现，使用jq给div动态加class之后，再次使用该clas点击事件，会出现无法点击的问题，我们使用下面方法来实现点击，解决该问题。$(document).on('click','.classname',function (){ });

JQ判断重置单选按钮radio为空 html单选按钮在表单提交经常会用到，我们提交数据成功的时候，清空表单内容，如果重新加载页面来清空，体验会不怎么好，所以我们采用局部刷新的形式，重置表单内容，以下是重置单选radio的值方法：1、获取radio单选按钮值$('input[name="pro"]:checked').val()2、清空单选按钮值$('input:radio[name="pro"]').prop('checked',false);

jquery.qrcode.js生成二维码并转成图片格式 1、引入插件<script src="https://www.tpxhm.com/Js/jquery-1.11.3.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.js"></script>2、部分代码 <div id="divOne"></div> <img id='imgOne' style='border:1px solid red;'/> 3、Canvas生成代码<script> //默认使用Canvas生成，并显示到图片 var qrcode= $('#divOne').qrcode('http://www.tpxhm.com/').hide(); var canvas=qrcode.find('canvas').get(0); $('#imgOne').attr('src',canvas.toDataURL('image/jpg')) </script>

jquery如何使用printThis.min.js打印网页图片 printThis是bootstrap PrintThis打印插件，能实现对前端图片进行打印，使用方法如下：1、引入jquery和printThis<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/printThis/1.15.0/printThis.js"></script>2、在html页面中，放入代码图片标签和按钮标签<img src="https://www.tpxhm.com/fdetail/995.html" alt="https://www.tpxhm.com/static/tpl/index/foundation/images/bgtx_2.jpg" id="qcodeImg11"> <button type="button">打印</button>3、jquery代码<script> $("#qcodeImg11").printThis(); </script>

利用360浏览器Console打印接口数据 利用360浏览器Console打印接口数据，本案例以豆瓣API来演示打开地址豆瓣电影api接口：http://api.douban.com//v2/movie/in_theaters可以看到密密麻麻的数据：看着头疼可以同一下方法来打印数据：按下F12,点击Console,输入 var a=全选复制以上数据,回车接着输入a，回车，最终数据是不是清晰可见了。