前端
前端
21-夜一
早上搬砖,晚上砌梦想
展开
-
jq处理div的一些操作及思路
我这个是电商系统为前提举例子1.遍历后获取指定元素数据问题:一个页面遍历了三个商品,因为是遍历的,所以三个商品代码是一样的,但是每个商品都有独自的数量,我们在下单的时候需要区分每一个商品的编码,以及数量。那么如何在相同的代码中获取目标商品编码以及购买数量交到后台处理呢?代码:<c:forEach items="${items}" var="prd" varStatus="s"&...原创 2020-03-04 00:54:05 · 317 阅读 · 0 评论 -
label 跟 label for 的区别
1.label 只是展示2.label for 把label的value 与id相同的那个标签绑定在一起例子:jsp: <from> <label>label 与 label for 的区别</label> <br/> <label>label</label> ...原创 2020-02-15 15:13:45 · 740 阅读 · 0 评论 -
input(type="file")中“未选择任何文件”去除,以及样式整改/全选框(type="checkbox")样式整改
一般我们上传文件的按钮 代码,效果 如下:jsp:效果:但是为了美观或者开发需求,一般需要去掉自带的"未选择任何文件",所以可以采用一下方法进行改进:jsp(通过 label 标签绑定 input 标签,然后隐藏 input ,添加 button 和 span 来自定义提示语:): <label for="fileinp"> <input typ...原创 2020-02-14 13:53:34 · 7141 阅读 · 0 评论 -
js:Uncaught ReferenceError: $ is not defined
Uncaught ReferenceError: $ is not defined(未捕获引用错误:$未定义)原因一:你未引用jquery库jquery.min.js文件,或者说路径错误;原因二:忽略了HTML中< script>引入jQuery文件的顺序,要把JQuery库的引用放到第一个< script>引用前面,这样顺序执行后面的js文件才能识别...原创 2020-01-21 16:41:07 · 3796 阅读 · 0 评论 -
鼠标移入div1显示div2,鼠标移出div1或者2隐藏div2(下拉框显示与隐藏)
var timer=null;$(".delete_d").mouseover(function(){ clearTimeout(timer); $('#checkedLevel').show();}).mouseout(function(){ timer=setTimeout(function(){ $('#checkedLevel').hide()...原创 2020-01-21 10:15:14 · 1082 阅读 · 0 评论 -
JavaScript使用事件onclick导致css样式失效问题
问题:JavaScript使用事件onclick导致css样式失效 首先,我们用以下代码得到的是一个样式没有失效的红色”超链接”,如下图1 代码1:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title原创 2018-09-08 00:52:43 · 4001 阅读 · 0 评论 -
JS里css样式失效之九九乘法表案列及解决
这是由上一篇文章里面的拓展:九九乘法表普通代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="原创 2018-09-08 01:07:52 · 402 阅读 · 0 评论 -
a标签下载
正常情况下:<a href="文件的相对路径">测试</a>但是像上面这样的编写,遇到txt等文件,浏览器会直接将文件打开,而不是下载下来添加download属性: <a href="文件的相对路径" download>测试</a>添加以后你的文件就可以下载下来,而不是直接打开添加文件名称可以改变下载后文件的名称:<...原创 2019-08-26 09:52:07 · 920 阅读 · 0 评论 -
JQuery $(function(){})和$(document).ready(function(){})
document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)二是onload,指示页面包含图片等文件在内的所有元素都加载完成。用jQ的人很多人都是这么开始写脚本的:$(function(){// do something});其实这个就是jq ready()的简写...原创 2019-08-28 10:23:14 · 287 阅读 · 0 评论 -
密码复杂度js(数字加字母大小写)
jsp<div class="ic-item"> <span>密码</span> <div class="mrt"> <input maxlength="16" name="userPsw" id="userPsw" type="password"> <p>密码必须包含数字、字母,区分大小写,最短8位,区分大...原创 2019-08-28 10:57:06 · 1484 阅读 · 0 评论 -
jQuery中的移除事件
移除事件:unbind()–unbind(type,data)。第一个参数事件类型,第二个参数将要移除的函数,(1)如果没有参数,则删除所有绑定的函数(2)如果只提供了事件类型作为参数,则只删除该类型的绑定事件(3)如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。unbind(type [,data]) //data是要移除的函数$(’#btn’).unbin...原创 2019-08-29 14:41:22 · 262 阅读 · 0 评论 -
遮罩(让按钮在一次请求执行完才能再次请求)
用到提交按钮时,有时候代码运行比较慢,如果重复点提交,可能重复请求会导致不理想的情况,为避免重复的请求以致出现问题,需要用着遮罩,达到只进行一次提交请求效果:JSP:<a class="btn" href="javascript:void(0);" id="submit">提交</a><div class="lately-buy hideview...原创 2019-10-15 16:49:13 · 298 阅读 · 0 评论