JQ
T暴风雪
这个作者很懒,什么都没留下…
展开
-
jq回车搜索,判断搜索函数是否存在
后台大部分页面都要加回车搜索,但是部分页面不需要(没有搜索函数),执行会报错。下面方法加在公共js文件,既能实现功能,又不会产生报错。说明:dosearchFunc() 方法是大部分页面独有的!$(document).keydown(function (event) { try { if ($.isFunction(dosearchFunc)) { if (event.keyCode == 13) { dosear.原创 2021-10-12 11:33:21 · 108 阅读 · 0 评论 -
jq实现关联标签功能
实现类似下图的功能:点击“添加”按钮后出现弹窗,可以点选标签,追加到父页面对应位置1、父页面内容<tr> <td align="right">关联标签</td> <td><span class="relation"> <span>吃鸡<a href="javascript:" onclick="delRealtion(1);$(this).parent().remove()...原创 2021-10-11 16:11:12 · 197 阅读 · 0 评论 -
jq禁止form多次提交
window.onload=function(){ var form = $('form').get(0); if (form) { flag=false; //监听变量用于提交一次表单 form.onsubmit=function(e){ e.preventDefault(); if (flag) {return;}; flag=true; setTimeout(function(){ .原创 2020-06-18 15:57:15 · 240 阅读 · 0 评论 -
jq验证码倒计时
var v = { code: $('.getcode'),};$('.getcode').click(function(){ var time = 10; var id = setInterval(function(){ if(time == 1){ v.code.val('发送验证码').removeAttr('di...原创 2019-12-03 15:03:43 · 193 阅读 · 0 评论 -
js拼接多个url参数
var url = 'test.php?c=index';var selData = {'selname':'rose','stime':2019,'etime':2020,'adminid':8};jumptoSearchUrl(selData, url);//拼接搜索条件并跳转function jumptoSearchUrl(data, url){ for(var...原创 2019-06-19 17:38:48 · 6834 阅读 · 0 评论 -
jquery获取地址栏参数
function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return un...原创 2019-05-05 14:26:42 · 1809 阅读 · 0 评论 -
js实现全选和全不选
非常简洁的几行原生js实现全选和全不选,大神们可以在此基础上加上反选功能啊^^<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>全选、全不选</title></head><body><table border...原创 2019-04-12 11:09:26 · 1971 阅读 · 0 评论 -
input file选择图片后预览 单图和多图
1.单图上传<input name="icon" type="file" value="" /><img src="" height="100px"><script type="text/javascript">//预览图片 $("[name='icon']").ch原创 2018-12-17 09:59:31 · 6216 阅读 · 8 评论 -
插件qrcode.js生成二维码
1.下载qrcode.js文件Github 地址:https://github.com/davidshimjs/qrcodejs2.html中添加如下代码<script type="text/javascript" src="qrcode.js"></script><div class="qrcode" id="qrcode" url=&q原创 2018-12-14 15:44:51 · 984 阅读 · 0 评论 -
插件clipboard.js实现复制功能
一个列表,要实现复制对应url的功能,引用插件clipboard.js,兼容各大主流浏览器 示例html代码: <tr> <td>大王贷 &amp; QQ空间</td> <td>pid=9&amp;cid=1</td> <td>2018-11-30 03:11:原创 2018-11-30 16:51:30 · 940 阅读 · 0 评论 -
php调用layer alert弹窗
弹窗插件用的是layui下的layer组件,基本能满足各种弹窗需求,详细使用可以参考官网手册:http://layer.layui.com/。这次介绍的是如何通过php调用该组件,适用于后台操作成功后的提示及跳转。 当点击“确定”时跳转到指定url或者3秒后自动跳转 封装的示例代码注:...原创 2018-11-30 13:37:18 · 2804 阅读 · 6 评论 -
jq实现点击加载更多分页功能
页面上实现类似于下拉加载更多的功能,这种是点击加载更多 。大致思路是:首先Ajax获取到下一页内容,返回json格式数据,如果是跨域请求可以用jsonp返回,通过jq的append()到某个元素后面 此时分页的page+1,可以在“加载更多”按钮上把总页数和当前页用自定义属性标识,如data-page=1,data-total=5 如果当前页等于总页数时将”加载更多”按钮remov...原创 2018-09-30 14:42:31 · 3798 阅读 · 0 评论