jQuery,jQuery系列使用问题

jquery如何使用printThis.min.js打印网页图片

2023-07-21

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="" alt="https://www.tpxhm.com/static/tpl/index/foundation/images/bgtx_2.jpg" id="qcodeImg11"> <button type="button"

如何使用jquery的jquery.jqprint.js打印网页内容，jquery.jqprint.js插件下载

2023-07-16

1134 0

jquery.jqprint.js一个通过单击页面按钮，便实现页面打印的jQuery插件，是前端打印的好帮手。使用方法：1、引入插件，或下载插件. <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>  <script src="https://cdn.bootcdn.net/ajax/libs/jQuery.print/1.6.0/jQuery.print.min.js"></script> 2、实例化插件方法<script> // 打印指定 DOM 元素 function printContent() { $("#print-co

jquery.qrcode.js生成二维码并转成图片格式

2022-08-30

1667 0

1、引入插件<script;src="../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.toData

JQ判断重置单选按钮radio为空

2022-06-25

1947 0

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

JavaScript如何获取URL参数

2022-04-19

1657 0

前端有时需要获取url中参数，我们可以使用下面的方法来获取//获取url中的参数 function getUrlParam(name) { ;var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); ; ;var r = window.location.search.substr(1).match(reg); ; ;if (r != null) return decodeURI(r[2]); return null; } 使用方法：比如我们有个参数为p，则可以使用下面方法获取var p = getUrlParam('p');

js如何防止ajax重复提交表单

2022-03-08

1880 0

很多开发者在做表单提交数据到后台的时候，会出现多提交一次，多一条数据的情况，这种原因的是因为服务端未能及时响应结果(网络延迟，并发排队等因素)，导致前端页面没有及时刷新，用户有机会多次提交表单如果提交对象为按钮的话，可以对按钮设置disabled，此办法适应于按钮提交，此种方法简单粗暴，也是很多人用的办法：$(".sub").attr('disabled',true)//在按钮提交之后和AJAX提交之前将按钮设置为禁用 $.ajax({ url:'/post.php' data:{a:1,b,1} success:function(){ $(".sub").attr('disabled',false)//在提交成功之后重新启用该

解决jq动态添加class之后无法使用点击事件问题

2021-09-28

2227 0

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

jquery实现导出Excel功能，支持多sheets导出

2021-09-25

2159 0

前端项目开发中，我们有时需要将表格数据完整的导出来，而且保留原有样式，这样的如果用后端导出会比较麻烦，我们可以采用jquery来导出。1、比如有入如下几个表格;<button type="button" class="layui-btn" onclick="tablesToExcel('#table_1,#table_2,#table_3,#table_4,#table_5', '客户评分汇总.xls');" >导出</button> <table id="table_1" data-SheetName="表格一" > ;;<thead> ;;;;<tr style="background:#008080; color:#fff; font-weight:bold; height:50px;"> ;;;;;;<th width="60px" style="b

js判断用户请求是http还是https

2021-03-17

2601 0

有时我们需要判断用户请求是http还是https，来做一些操作。这时可以使用下面的方法来判断<script> //protocol;属性是一个可读可写的字符串，可设置或返回当前;URL;的协议,所有主要浏览器都支持;protocol;属性 var;ishttps;=;'https:';==;document.location.protocol;?;true:;false; if(ishttps){ ;;;console.log('http') }else{ ;;;;console.log('http') } </script>

js实现红包雨案例，如何使用js实现红包雨

2020-10-12

3204 0

快到双11了，每到双11购物节，可以看到浏览器有红包雨特效，以下是一个简单实现红包雨特效的方法，供大家参考。效果演示：代码实现说明：附件demo下载：https://github.com/jyblogs/hongbao1、前端html代码<!DOCTYPE;html> <html> <head> <meta;charset="UTF-8"> <title>红包雨</title> <link;rel="stylesheet";href="css/style.css"> <script;src="https://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> <script;src

html+js实现雪花飘落特效效果的两种方法

2020-10-11

4215 0

我们经常可以看到有些网站有雪花飘落的功能，这是如何做的呢？实际上用到了HTML、js和canvas，以下是个简单的例子供大家参考。第一种效果展示：实现代码1、前端HTML代码：<!DOCTYPE;html> <html> <head> <meta;charset="UTF-8"> <title>Document</title> <script;src="https://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> </head> <body> ;;;<style> ;;;;;;;;.snow{ ;;;;;;;;;;;;width:;100%; ;;;;;;;;;;;;height:;100vh;

js实现手机号码加空格或者加空格

2020-10-02

2787 0

我们平时看到一些输入手机号的会出现空格或者-号的，这时怎么实现的呢？我们通过以下的方式对其进行格式化，实现3-4-4的形式。1、手机号码加空格符function;Mobile2(obj) { ;;;;;;;;var;value;=;obj; ;;;;;;;;value;=;value.replace(/\s*/g,;""); ;;;;;;;;var;result;=;[]; ;;;;;;;;for(var;i;=;0;;i;<;value.length;;i++) ;;;;;;;;{ ;;;;;;;;;;;;if;(i==3||i==7) ;;;;;;;;;;;;{ ;;;;;;;;;;;;;;;;result.push(";";+;value.charAt(i)); ;;;;;;;;;;;;} ;;;;;;;;;;;;else ;;;;;;;;;;;;{ ;;;;;;;;;;;;;;;

jq获取li列表第几个元素值,jq获取列表元素方法

2020-09-22

2716 0

假设我们有段html代码，让我我们需要获取其中的元素<ul;class="list"> ;;;;<li>列表一</li> ;;;;<li>列表二</li> ;;;;<li>列表三</li> ;;;;<li>列表四</li> ;;;;<li>列表五</li> </ul> <button;type="button";class="btn">按钮</button>jquery获取其中元素方法，需要用到eq()方法，元素从0开始1、点击按钮获取值：$('.btn').click(function(){ ;;;;var;a;=;$('.list;li').eq(0).text(); ;;

js合并两个数组生成合并后的key：value数组方法

2020-04-23

3664 0

js合并两个数组生成合并后的key：value数组方法// var activeSubjectsName = ["JAVA", "PHP", "Android", "IOS", "Python"];// var activeSubjectsNum = [46, 2, 2, 28, 29];// var activeSubjectsArr = [];for (var i = 0; i < activeSubjectsName.length; i++) { console.log(i); var activeSubjectsObject = {}; for (var j = 0; j < activeSubjectsNum.length; j++) { ;if (i == j) { ; activeSubjectsObject.name = activeSubjectsName[i]; ; activeSubjectsObject.value =

前端使用JsBarcode生成条形码

2020-03-21

3926 0

前端使用JsBarcode生成条形码注：需引入 jsbarcode 插件JsBarcode安装:npm;install;jsbarcode;--save npm;install;jsbarcodeHTML 生成条形码代码<!DOCTYPE;html> <html> ;<head>; ;;<meta;charset="utf-8";/>; ;;<meta;name="viewport";content="width=device-width,;initial-scale=1,maximum-scale=1,;user-scalable=no";/>; ;;<title></title>; ;;<script;type="text/javascript";src="js/jquery.min.js"></script>;

JavaScript 获取当前网页header头部信息

2020-03-16

4925 0

JavaScript 获取当前网页header头部信息var;req;=;new;XMLHttpRequest(); req.open('GET',;document.location,;false); req.send(null); var;headers;=;req.getAllResponseHeaders().toLowerCase(); console.log(headers);

JS动态获取图片分辨率宽高大小

2020-03-07

4934 0

JS动态获取图片分辨率宽高大小;<p;class="ddkkkkk_{{$item->id}}"></p> <script> function;getpic(url,obj){ var;img;=;new;Image(); img.src;=;url; if;(img.complete);{ document.write(img.width;+;'x';+;img.height); $('.ddkkkkk_'+obj).text(img.width;+;'x';+;img.height); };else;{ img.onload;=;function;();{ //;document.write(img.width;+;'x';+;img.height); $('.ddkkkkk_'+obj).text(img.width;+;'x';+;img.he

jquery数组去重

2020-01-02

2627 0

sessionStorage的使用

2019-11-03

3000 0

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。使用案例：html code:<div;class="modecer"> ;;;;<div;;class="colsebtn">关闭</div> </div>javascript code：//判断sessionStorage里有没有isClose if(sessionStorage.getItem("isClose")){;;;;;;;;;;;;; ;;;;;;;;;;;;$(".modecer").hide(); ;;;;;;;;}else{ ;;;;;;;;;;;;$(".mo

radio，CheckBox选中状态，判断是否选中，根据值设置radio选中

2019-10-24

4217 0

radio，CheckBox选中状态，判断是否选中，根据值设置radio选中;<input;name="rbsex";id="man_radio";type="radio";;value="1";checked="checked";/><label>显示</label> ;<input;name="rbsex";id="woman_radio";type="radio";value="0";/>隐藏var;stop;=;data.result $(":radio[name='rbsex'][value='";+;stop;+;"']").prop("checked",;"checked");radio

JS实现Base64加密解密

2019-10-23

3346 0

JavaScript实现Base64加密解密。Base64与其说是加密算法不如说是方便数据传输而生的数据转换手段。测试代码：<!DOCTYPE;html> <html> <head> ;;;;<title>test</title> ;;;;<meta;charset="utf-8"> ;;;;<script;type="text/javascript";src="js/base64.js"></script> ;;;;<style> ;;;;;;;;.resource_enc,;.resource_dec{ ;;;;;;;;;;;;width:;500px; ;;;;;;;;} ;;;;;;;;.p1,;.p2{ ;;;;;;;;;;;;min-height:;100px; ;;;;;;;;;;;;backgrou

jquery如何使用printThis.min.js打印网页图片

如何使用jquery的jquery.jqprint.js打印网页内容，jquery.jqprint.js插件下载

jquery.qrcode.js生成二维码并转成图片格式

JQ判断重置单选按钮radio为空

JavaScript如何获取URL参数

js如何防止ajax重复提交表单

解决jq动态添加class之后无法使用点击事件问题

jquery实现导出Excel功能，支持多sheets导出

js判断用户请求是http还是https

js实现红包雨案例，如何使用js实现红包雨

html+js实现雪花飘落特效效果的两种方法

js实现手机号码加空格或者加空格

jq获取li列表第几个元素值,jq获取列表元素方法

js合并两个数组生成合并后的key：value数组方法

前端使用JsBarcode生成条形码

JavaScript 获取当前网页header头部信息

JS动态获取图片分辨率宽高大小

jquery数组去重

sessionStorage的使用

radio，CheckBox选中状态，判断是否选中，根据值设置radio选中

JS实现Base64加密解密

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

jquery如何使用printThis.min.js打印网页图片

如何使用jquery的jquery.jqprint.js打印网页内容，jquery.jqprint.js插件下载

jquery.qrcode.js生成二维码并转成图片格式

JQ判断重置单选按钮radio为空

JavaScript如何获取URL参数

js如何防止ajax重复提交表单

解决jq动态添加class之后无法使用点击事件问题

jquery实现导出Excel功能，支持多sheets导出

js判断用户请求是http还是https

js实现红包雨案例，如何使用js实现红包雨

html+js实现雪花飘落特效效果的两种方法

js实现手机号码加空格或者加空格

jq获取li列表第几个元素值,jq获取列表元素方法

js合并两个数组生成合并后的key：value数组方法

前端使用JsBarcode生成条形码

JavaScript 获取当前网页header头部信息

JS动态获取图片分辨率宽高大小

jquery数组去重

sessionStorage的使用

radio，CheckBox选中状态，判断是否选中，根据值设置radio选中

JS实现Base64加密解密

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

使用以下账号登录