jquery
5
fastjson_
这个作者很懒,什么都没留下…
展开
-
JS组建系列——layDate日期组件(设置最大日期不能超过当前日期)
例如,当前年份是2021年1月26号,实现效果如下,2021年1月26号之后的日期不可操作:layui.use([ 'laydate'], function () { var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#time', type: 'year', //默认显示当前日期 v原创 2021-01-26 14:59:56 · 1426 阅读 · 0 评论 -
JS组件系列——下拉框多选bootstrap-select
阅读目录一、组件开源地址以及API说明 二、组件效果示例 三、使用示例 1、基础示例 2、其他效果示例 3、组件取值赋值 4、组件其他用法 5、组件封装 四、源码下载 五、总结正文前言:之前分享过两篇bootstrap下拉框的组件,比如两种bootstrap mutiselect组件,界面渲染效果略差;再比如select2一些兼容性问题、多选的取值赋值等问题都困扰着博主以及很多园友,项目里面的下拉框很早就替换为今天介绍的这款组件一、组件开源地址以及API说明原创 2021-08-16 13:49:16 · 4412 阅读 · 0 评论 -
JS组件系列——select2下拉框的搜索
基本使用需要用到的JS和CSS文件位于项目代码下的dist目录中,需要将这个目录中的对应文件放入你的项目里,这一步不赘述第一步、引入CSS/JS文件,由于Select2是基于Jquery的,所以要先引入Jquery,这里我们都直接引入CDN的地址<!-- 加载 Jquery --><script src="https://code.jquery.com/jquery-3.2.1.min.js"></script><!-- 加载 Select2 -原创 2021-01-21 09:08:52 · 1566 阅读 · 0 评论 -
JS组件系列——zTree树形组件
zTree使用,官网地址:http://www.treejs.cnzTree 是一个依靠 jQuery 实现的多功能 “树插件”, 而且拥有较好的浏览器兼容性,有着丰富的功能以及可以自定义样式,足以满足大部分业务的开发第一步先导入css及js文件<link rel="stylesheet" type="text/css" href="zTree/css/zTreeStyle/zTreeStyle.css"><script type="text/javascript" s原创 2021-01-21 10:50:24 · 2460 阅读 · 0 评论 -
jQuery:通过name获取div下的input的六种方法
1、获取input值 的6种方法:<!doctype html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>测试页面</title> <script type="text/javascript" src="jquery.js"></script> </原创 2021-05-29 20:11:41 · 2479 阅读 · 0 评论 -
div可能会出现多次(个数不确定),需要获得每个div下面的input值和select值
<div class="fl mr20 shezhishebao" name="shezhishebao"><input type="text" class="text fl fuwufei" name="fuwufei" placeholder="输入服务费"><select class="select danwei fl remove" name="danwei" ><option>选择单位</option><option va.原创 2021-03-16 17:53:44 · 436 阅读 · 0 评论 -
JS判断一个数组中是否有重复值的三种方法
方法一://将数组转换成字符串,遍历数组,移除一个元素後若还能找到该元素,那么这个元素就是重复的var s = ary.join(",")+",";for(var i=0;i<ary.length;i++) { if(s.replace(ary[i]+",","").indexOf(ary[i]+",")>-1) { alert("数组中有重复元素:" + ary[i]); break; }}方法二://对数组进行排序,查上一个和下一个是..原创 2021-03-12 17:40:27 · 22347 阅读 · 2 评论 -
input输入框只能输入正整数、或输入正整数和小数
方法一:实现输入框只能输入正整数,输入同时禁止了以0开始的数字输入,防止被转化为其他进制的数值。<input type='text' onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">方法二:实现输入框只能输入正整数<input type="text" name="price" id="price" value=""onbeforepaste="clipboardData.setData('text',clipboard.原创 2021-03-10 15:54:09 · 20684 阅读 · 2 评论 -
隐藏input的三种方法
//隐藏不留痕迹<input type="hidden" /><input type="text" style="display:none" /> //占位隐藏,会留下空白<input type="text" style="visibility: hidden;" />原创 2021-03-10 14:26:12 · 5568 阅读 · 0 评论 -
JQuery+ajax进行简单的文件上传,以及类型、大小限制
/* 限制文件类型,返回 boolean* */function checkFileExt(filename){ var flag = false; //状态 var arr = ["gif","jpeg","jpg","png","bmp"]; //取出上传文件的扩展名 var index = filename.lastIndexOf("."); var ext = filename.substr(index+1); //循环比较 for(v.原创 2021-03-04 10:01:56 · 1166 阅读 · 3 评论 -
Jquery中按钮事件重复绑定导致事件多次触发解决办法
在用jquery绑定事件的时候,一般来说习惯性都是喜欢绑定匿名事件。比如下面的`<body><input type="button" class="dv" value="按钮"><script src="js/jquery-3.3.1.js"></script><script type="text/javascript"> $(function () { $(".dv").click(function () {/原创 2021-01-21 16:02:22 · 914 阅读 · 0 评论