![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Jquery
zyqok
这个作者很懒,什么都没留下…
展开
-
Jquery ajax 提交表单
这是一个简单的表单信息:loginName: password: Jquery ajax 提交表单:$(function(){ $("#logbtn").click(function(){ var $form = $("#loginFrom"); $.post($form.attr('action'), $form.serializeArray原创 2017-04-25 11:29:56 · 778 阅读 · 0 评论 -
未来元素让datetimepicker插件生效
今天在做一个时间插件显示效果,界面如下:现在点击【添加付款单】按钮,会再出现一条记录,但新增加的记录却不能触发插件效果(由于js写法是针对元素class的,按常规来说是可以触发的)开始以为是未来元素的问题,于是先按自己思路改写了live方法绑定,还是不行,后又网上搜了一大批方式,结果都不行。最后只得求助于同事,于是给出如下方案,终于解决了(解决思路:把datetimepi...原创 2017-08-21 21:04:56 · 2613 阅读 · 5 评论 -
JS格式化long类型的时间
今天在做一个时间显示时,ajax接收到的时间是long类型的,但前台要显示2017-08-23这种格式:网上搜了一下,发现好多人写得挺麻烦的,参考了其中的方法,就自己封装了一个: function formatDate(longDate){ var date = new Date(longDate); var yyyy = date.getFullYear(); ...原创 2017-08-23 14:21:13 · 2014 阅读 · 0 评论 -
回车事件
$("#orderNumInput").keydown(function(e){ if (e.keyCode == 13) { $(this).parent().submit(); } });原创 2017-09-05 13:43:19 · 368 阅读 · 0 评论 -
js排序
function sortTasks(sortTurn, trs, timeClass) { if (sortTurn == 0) { // 升序 trs.sort(function(a,b) { return $(a).find(timeClass).text()>$(b).find(timeClass).text()?1:原创 2017-09-01 09:23:11 · 681 阅读 · 0 评论 -
$(this)的作用范围
今天写一代码:发现id未定义,取值不了,经过debug,$(this)都未定义,代码如下:$(".abandonBtn").live("click", function() { jConfirm("是否作废当前任务?", function() { var id = $(this).parent().parent().find(".taskId").val(); alert(id);原创 2017-09-01 11:10:45 · 2016 阅读 · 0 评论 -
$.post() 和 $.get() 如何同步请求
由于$.post() 和 $.get() 默认是 异步请求,如果需要同步请求,则可以进行如下使用:在$.post()前把ajax设置为同步:$.ajaxSettings.async = false;在$.post()后把ajax改回为异步:$.ajaxSettings.async = true;如: $.ajaxSettings.async = false; ...原创 2017-12-06 15:12:17 · 93222 阅读 · 13 评论 -
JS:复制内容到剪贴板(无插件,兼容所有浏览器)
HTML部分:<button onclick="copyToClip('内容')"> Copy </button>JS部分:/** * 复制内容到粘贴板 * content : 需要复制的内容 * message : 复制完后的提示,不传则默认提示"复制成功" */function copyToClip(content, message) { ...原创 2018-12-18 14:49:02 · 41355 阅读 · 19 评论 -
Js:判断变量是否为undefined
// 判断变量x是否为undefinedif (typeof(x) == "undefined") { alert("x is undefined.")}原创 2019-01-11 09:36:26 · 22514 阅读 · 1 评论 -
Jquery 阻止冒泡事件(阻止父元素事件触发)
如下:有一个div,div中有一个span:<div class="c2"> <span class="c1">Hello world</span></div>div和span各有一个class,并且各自有对应的点击方法:<script type="text/javascript">$(function(){...原创 2019-04-12 00:47:38 · 1912 阅读 · 0 评论 -
Jquery MD5 加密
(1)下载文件:jquery.md5.js (点我直接下载,提取码:x49b),然后导入你的项目中,例:(2)导入文件:jquery.md5.js (点我直接下载,提取码:x49b)<head><meta charset="UTF-8"><title>注册</title><script type="text/javascri...原创 2019-04-09 13:02:33 · 2804 阅读 · 2 评论 -
省市区/县联动选择(附源码)
(1)效果截图:省市区/县联动,支持回显(2)使用说明:下载源码,获得下面相关文件(下载戳我,提取码:9on3)(2.1)在你的项目中先引入jquey,然后引入location.js(2.2)将你项目所在的省市区id分别写为province、city、county 即可;注:使用backshow(省ID,市ID,区ID)方法显示默认地址<html><s...原创 2019-05-22 11:14:09 · 2922 阅读 · 5 评论 -
js操作textarea换行显示与拆分
如图所示,将textarea的中的值取出,并将每一行键值对解析(前三行是制表符、后三行是逗号)写值情况就不多说了,/n表示换行,想在哪里换行直接加\n下面是取出,并获取每一行键值的相关JS部分:// 取得textarea中的所有文本值var val = $("#textareaId").val();// 拆分出每一行var arr = val.split("\n");for原创 2017-08-07 17:15:39 · 4277 阅读 · 0 评论 -
jquery 全选和全不选合集
$(function(){ $("#allCheck").change(function(){ var chk = $("#allCheck").prop('checked'); if (chk) { $(".eachCheck").attr("checked",true); }else { $(".eachCheck").attr("checked",fal原创 2017-05-18 11:37:55 · 533 阅读 · 0 评论 -
追加一个class和减少一个class
(1)追加一个class:$("xxx").addClass("class_name");(2)减少一个class:$("xxx").removeClass("class_name");(3)项目实战:var chk = $("#allCheck").prop('checked');if (chk) { $(".supTr").addClass("checkedTr"原创 2017-05-18 16:13:46 · 649 阅读 · 0 评论 -
获取父级元素
(1)获取父1级元素:$("xxx").parent()(2)获取父2级元素,以此类推获取父n级元素$("xxx").parent().parent();(3)项目实战:如下图所示,根据图中input元素(红色框)的点击情况,修改父2级(父1级为td)的tr元素(紫色框)的classJS代码:$(".eachCheck").change(function(){原创 2017-05-18 16:20:34 · 1607 阅读 · 0 评论 -
JS判断上传的文件类型
(1)判断图片:if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(file.name)){ alert("图片类型必须是.gif,jpeg,jpg,png中的一种"); return;}(2)判断Excel文档:if (!/\.(xlsx|xls|XLSX|XLS)$/.test(file.name)) { ale...原创 2017-05-20 09:40:07 · 4790 阅读 · 0 评论 -
layer父页面调用子页面方法
子页面JS方法: function sureChoose(){ alert("你好!"); }父页面JS中layer调用子页面方法:// 添加供应商$(function(){ $('.addSupplierBtn').click(function(){ var url = "/relati...原创 2017-06-16 09:39:31 · 7429 阅读 · 3 评论 -
上传文件名称回显
// 上传文件名称显示$("#importFile").change(function() { var file = $("#importFile").prop('files')[0]; $("#showFileName").val(file.name);});原创 2017-06-03 09:50:36 · 3760 阅读 · 0 评论 -
input限制3位小数输入
(1)在 input 框中 Class 属性中加一个checkNum;<input type="text" class="checkNum" value="0" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')">说明:onkeyup="value=value.replace(/[^\d{1,}\....原创 2017-06-20 20:33:38 · 9521 阅读 · 0 评论 -
Jquery处理未来元素
今天在工作中遇到一个问题:就是页面追加新增的HTML不受jquery影响。比如某个class的变化事件:$(function() { $(".addStockBtn").click(function() { alert('hello world'); });});当页面初始就有该class的元素是可以的,可以打印出hello word,但未来元素却不受影响。...原创 2017-07-01 11:43:36 · 4513 阅读 · 1 评论 -
关闭所有layer
layer.closeAll();原创 2017-06-12 16:11:20 · 4762 阅读 · 0 评论 -
JS序列化JSON数组
var arr = new Array(); for (var i = 0; i < boxs.length; i++) { var box = boxs[i]; var supplierId = $(box).val(); ...原创 2017-07-12 20:44:31 · 3360 阅读 · 0 评论 -
根据当前元素获取其他元素
// 1. 获取父元素 $(this).parent();// 2. 获取所有祖先元素$(this).parents();// 3. 获取所有子元素,该方法只会返回直接的孩子节点,不会返回所有的子孙节点$(this).children();// 4. 获取所有后代元素$(this).contents();// 5. 获取上一个兄弟元素$(this).prev();// 6. 获原创 2017-06-26 10:49:39 · 725 阅读 · 0 评论 -
页面如何回显左侧导航菜单?
(1)如下图,做管理网站的时候一般左侧都有二级菜单,甚至多级菜单,我们如何通过JS代码控制显示对应的菜单栏呢?(2)菜单栏对应的代码如下:<div class="layui-side layui-bg-black"> <div class="layui-side-scroll"> <div class="layui-side la...原创 2019-07-15 11:34:43 · 3602 阅读 · 1 评论