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 · 796 阅读 · 0 评论 -
未来元素让datetimepicker插件生效
今天在做一个时间插件显示效果，界面如下：现在点击【添加付款单】按钮，会再出现一条记录，但新增加的记录却不能触发插件效果（由于js写法是针对元素class的，按常规来说是可以触发的）开始以为是未来元素的问题，于是先按自己思路改写了live方法绑定，还是不行，后又网上搜了一大批方式，结果都不行。最后只得求助于同事，于是给出如下方案，终于解决了（解决思路：把datetimepi...原创 2017-08-21 21:04:56 · 2648 阅读 · 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 · 2042 阅读 · 0 评论 -
回车事件
$("#orderNumInput").keydown(function(e){ if (e.keyCode == 13) { $(this).parent().submit(); } });原创 2017-09-05 13:43:19 · 380 阅读 · 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 · 707 阅读 · 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 · 2040 阅读 · 0 评论 -
$.post() 和 $.get() 如何同步请求
由于$.post() 和 $.get() 默认是 异步请求，如果需要同步请求，则可以进行如下使用：在$.post()前把ajax设置为同步：$.ajaxSettings.async = false;在$.post()后把ajax改回为异步：$.ajaxSettings.async = true;如： $.ajaxSettings.async = false; ...原创 2017-12-06 15:12:17 · 93662 阅读 · 9 评论 -
JS：复制内容到剪贴板（无插件，兼容所有浏览器）
HTML部分:<button onclick="copyToClip('内容')"> Copy </button>JS部分:/** * 复制内容到粘贴板 * content : 需要复制的内容 * message : 复制完后的提示，不传则默认提示"复制成功" */function copyToClip(content, message) { ...原创 2018-12-18 14:49:02 · 43768 阅读 · 19 评论 -
Js：判断变量是否为undefined
// 判断变量x是否为undefinedif (typeof(x) == "undefined") { alert("x is undefined.")}原创 2019-01-11 09:36:26 · 22797 阅读 · 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 · 1944 阅读 · 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 · 2903 阅读 · 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 · 2973 阅读 · 5 评论 -
js操作textarea换行显示与拆分
如图所示，将textarea的中的值取出，并将每一行键值对解析（前三行是制表符、后三行是逗号）写值情况就不多说了，/n表示换行，想在哪里换行直接加\n下面是取出，并获取每一行键值的相关JS部分：// 取得textarea中的所有文本值var val = $("#textareaId").val();// 拆分出每一行var arr = val.split("\n");for原创 2017-08-07 17:15:39 · 4491 阅读 · 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 · 560 阅读 · 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 · 664 阅读 · 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 · 1629 阅读 · 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 · 4836 阅读 · 0 评论 -
layer父页面调用子页面方法
子页面JS方法： function sureChoose(){ alert("你好！"); }父页面JS中layer调用子页面方法：// 添加供应商$(function(){ $('.addSupplierBtn').click(function(){ var url = "/relati...原创 2017-06-16 09:39:31 · 7491 阅读 · 3 评论 -
上传文件名称回显
// 上传文件名称显示$("#importFile").change(function() { var file = $("#importFile").prop('files')[0]; $("#showFileName").val(file.name);});原创 2017-06-03 09:50:36 · 3794 阅读 · 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 · 9600 阅读 · 0 评论 -
Jquery处理未来元素
今天在工作中遇到一个问题：就是页面追加新增的HTML不受jquery影响。比如某个class的变化事件：$(function() { $(".addStockBtn").click(function() { alert('hello world'); });});当页面初始就有该class的元素是可以的，可以打印出hello word，但未来元素却不受影响。...原创 2017-07-01 11:43:36 · 4542 阅读 · 1 评论 -
关闭所有layer
layer.closeAll();原创 2017-06-12 16:11:20 · 4794 阅读 · 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 · 3396 阅读 · 0 评论 -
根据当前元素获取其他元素
// 1. 获取父元素 $(this).parent();// 2. 获取所有祖先元素$(this).parents();// 3. 获取所有子元素,该方法只会返回直接的孩子节点,不会返回所有的子孙节点$(this).children();// 4. 获取所有后代元素$(this).contents();// 5. 获取上一个兄弟元素$(this).prev();// 6. 获原创 2017-06-26 10:49:39 · 755 阅读 · 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 · 3668 阅读 · 1 评论