
Jquery
_无往而不胜_
明天的你会感谢今天努力的自己!
展开
-
遮罩和锁定按钮
在项目中有很多地方会用到遮罩和按钮锁定,我这边直接上代码了,直接拷贝用就行了;一.遮罩需要注意的是这几个参数的意思:RGB Red Green Bule 3色!及212, 0, 0 三色的值混合 .最后一个参数 0.5 是指的透明度 1表示不透明<div id="zhezhao" style="background-color:rgba(90, 90, 90, 0.1);po...原创 2018-07-30 09:04:19 · 610 阅读 · 0 评论 -
多组input文件,每组 multiple选择多张图片上传可增删其中任意一张图片,用formData对象实现;(ajax做异步,自己做延时同步)
input 、multiple选择多张图片时,需要删除其中的一张图片怎么做,大家都知道 input 中的文件是不能删除和更改的,只能清空,这里我的做法是 定义一个对象储存器把需要的文件存在储存器中 formData,后台不从Input中读取,从对象存储器中获取文件,一组图片使用一个储存器中formData,存储器中的 key 我们用文件名加Input的ID 拼接,而后取出图片的key 也用Inpu...原创 2018-09-19 14:00:04 · 2754 阅读 · 2 评论 -
DJMask遮罩
引入js:<script type="text/javascript" src="/assets/js/jquery-DJMask.2.1.1.js" charset="UTF-8"></script>assets/js/jquery-DJMask.2.1.1.js/**DJMask.js * author:Mo * updateTim...原创 2018-09-19 14:10:56 · 516 阅读 · 0 评论 -
EasyUI组件使用
EasyUI组件使用今日内容介绍DataGrid组件管理数据 今日内容学习目标DataGrid组件管理数据 DataGrid组件管理数据 需求 今天我们要用EASYUI中的DataGrid组件对数据的显示进行管理 相关知识点 EasyUI介绍 easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化,互动,JavaScr...原创 2018-11-30 17:11:44 · 1023 阅读 · 6 评论 -
复选框 checkbox获取值
判断是否有选择值: var count = 0; $("input[name=subBox]:checkbox:checked").each(function () { count++; })获取选择的值: var contract = $("input[name=subBox]:checkbox:checked").val();代码: ...原创 2018-12-03 11:22:48 · 462 阅读 · 0 评论 -
电气一次图自适应屏幕,定位精确,无参考代码,只是解决方案,技术科行,已经用于项目
电气图自适应屏幕 ,点位精确,不管放大还是缩小不偏移,各种不同分辨率手机、电脑 都均完美支持,废话不多说,分享给你们。 项目体验:http://118.126.64.160:8080/ld10 可以承接类似项目!...原创 2018-12-17 08:48:28 · 324 阅读 · 1 评论 -
js储存数据sessionStorage,localStorage
var vehgroupname = $("#vehgroupname").val(); //获取页面输入框数据 sessionStorage.setItem('vehgroupname', vehgroupname);//设置数据保存sessionStorage对象中 vehgroupname = sessionStorage.getItem('vehgroupna...原创 2019-04-07 10:38:15 · 2920 阅读 · 0 评论 -
grunt快速入门
中文地址:https://www.gruntjs.net/* Grunt介绍 * 中文主页 : http://www.gruntjs.net/ * 是一套前端**自动化构建**工具,一个基于nodeJs的命令行工具 * 它是一个**任务运行器**, 配合其丰富强大的**插件** * 常用功能: * **合并文件**(js/css) * **压缩文件**(js/...原创 2019-04-07 15:54:15 · 1834 阅读 · 0 评论 -
webpack3快速入门
webpack3中文网站: https://webpack.docschina.org/## webpack快速入门教程###1、了解Webpack相关 * 什么是webpack * Webpack是一个模块打包器(bundler)。 * 在Webpack看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理...原创 2019-04-07 15:55:29 · 286 阅读 · 0 评论 -
webpack快速入门
webpack快速入门webpack中文网站: https://webpack.docschina.org/* 了解Webpack相关 * 什么是webpack * Webpack是一个模块打包器(bundler)。 * 在Webpack看来, 前端的所有资源文件(js/css/...原创 2019-04-07 15:56:59 · 342 阅读 · 0 评论 -
Jquery,ajaxFileUpload插件完成图片上传
ajaxFileUpload: 注意:ajaxFileUpload是不支持 async:false 同步的; /*质量证书*/ $.ajaxFileUpload({ url: "/config/create-AllGasCylinderCheckInfoFileurlFileUpload", fileElementId: 'qualitycerti...原创 2018-09-12 14:17:35 · 272 阅读 · 0 评论 -
JQuery
JQuery一个javaScript框架。提供了丰富的选择器和页面元素的处理方案。使用JS写好的一些很有用的方法,提供给开发者使用。安装JQuery将JQuery的代码引入到当前的页面中。 <script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script> ...原创 2018-09-06 13:58:21 · 158 阅读 · 0 评论 -
jquery的validate表单验证表单注册插件
这款插件非常好用!首先导入插件:<script src="js/jquery.validate.min.js" type="text/javascript"></script>注册页面:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodin原创 2018-09-05 17:21:15 · 953 阅读 · 0 评论 -
页面显示序列号
对于新手来说可能会碰到页面序号如何显示问题,我这里直接上代码; $.ajax({ url:"/url", type:"get", success:function(data){ var tr=""; $(data.list).each(functi...原创 2018-07-30 09:14:02 · 937 阅读 · 0 评论 -
关于MultiActionController异步Ajax,post;
一. MultiActionController 的控制类用Ajax,post异步请求,现在提供两个个方法来解决问题:注意:是返回的json格式必须正确,否则出错!1.在对应的控制类中写ajax方法xml配置:java代码:public ModelAndView selectUploadPercent(HttpServletRequest request,Http...原创 2018-08-14 13:27:21 · 492 阅读 · 0 评论 -
关于MultiActionController异步请求Ajax,pc端正常,手机端报error错误;此问题一般是通过setInterval,seTimeout,做Ajax轮询时会产生此问题;
此问题全网唯一!关于MultiActionController异步请求Ajax,pc端正常,手机端报error问题;此问题一般是通过setInterval,seTimeout,做Ajax轮询时会产生此问题;其实最主要问题有两个: 1.写 setInterval或seTimeout这个方法时 方法中直接写要运行的函数名,并赋值一个变量,这个变量必须是全局变量; 2. 在aj...原创 2018-08-14 13:59:48 · 738 阅读 · 0 评论 -
正则匹配字符串有则替换无则添加;用正则实现添加和替换字符串,原字符串中包含某字段就替换(覆盖),不包含某字段就添加!
正则匹配字符串有则替换无则添加 一.首先确定我们的字符串文本 例: 有一个网上商城项目在书本的详细描述中有这样一段话: "这是一本某某写Java书共1000章.....【 书本编号:107 】" 注意:这段话的最后方括号里的编号等内容是程序自动生成的,用户修改书本详细时是不允许改变或删除里面的编号内容,...原创 2018-08-02 14:57:05 · 2223 阅读 · 0 评论 -
EL与JSTL表达式代码示例
js代码示例:<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c&q原创 2018-08-26 20:42:58 · 410 阅读 · 0 评论 -
动态页面技术(JSP/EL/JSTL)
目录:1. jsp的实现原理2. 使用jsp脚本技术实现动态页面3. JSTL标签库的使用4. EL表达式的使用 JSP技术 Java Server Page 运行在服务器上的Java页面,能够允许在HTML中嵌入Java代码 jsp脚本和注释jsp脚本:<%java代码%> ----- 内部的java代码翻译到service方...原创 2018-08-26 20:46:59 · 808 阅读 · 0 评论 -
日期格式转换,正则匹配后转换;指定时间增加天数加转格式;js时间转换格式
指定时间增加天数加转格式,正则匹配://申明需要的时间格式SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//申明需要用到的时间类Calendar now = Calendar.getInstance()//原时间String borrow_success_time =“2018-08-09 12:...原创 2018-08-31 15:05:54 · 840 阅读 · 0 评论 -
history.go(-1)返回页面后,此页面中的input标签隐藏域中的值消失
问题描述:通过javascript:history.go(-1)返回页面后input标签隐藏域中的值消失解方法:将 <input type="hidden" value="" name ="xxx" id="xxx" />标签改成 <input type="text" value="" name ="xxx" i原创 2018-08-22 08:32:07 · 4657 阅读 · 2 评论 -
x-jquery-tmpl代码示例,分页
jquery-tmpl 比较好用;具体是啥就百度吧,这里不做详细解释,直接上代码秒懂!需要引用jquery.tmpl.js:<script src="/tc_vsmp/view/assets/js/loan/jquery.tmpl.js"></script>页面代码:<tbody id="records-tbody"> </tbod...原创 2018-08-29 17:21:58 · 602 阅读 · 0 评论 -
js获取url上的数据;angularjs获取url上的参数
<script>var id= location.search.substring(1).split('=')[1] //获取url上的数据</script>===================================angularjs获取url上的参数https://localhost.8080/postedit?username="suka...原创 2019-04-14 16:19:37 · 781 阅读 · 0 评论