js+jquery
关注
分享
扫一扫
文章平均质量分 54
_阿毛
多学一点知识，少写一点代码
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
input输入位数最多为6位的数字同时小数最多为3位
输入数字和小数，小数最多3位,整体长度最多6位（包含小数点）<div> <label for="input3">输入数字和小数，小数最多3位,整体长度最多6位（包含小数点）</label> <input id="input3" type="text" onkeyup="numLimit3(this)" onafterpaste="numLimit3(this)"></div><script> //限制只原创 2021-04-14 14:03:16 · 2597 阅读 · 0 评论 -
年份选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../jquery-1.8.3.min.js"></script></head><body> <select id="myYear">原创 2021-01-14 17:35:09 · 1111 阅读 · 0 评论 -
textarea高度自适应且不出现滚动条
$("#元素").focus(function () { $('textarea').each(function () { this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;'); }).on('input', function () { this.style.height = 'auto';原创 2020-12-08 16:27:28 · 2030 阅读 · 2 评论 -
animate实现闪烁的灯
就是一个状态的切换<style> .b3{position: relative;margin-top:100px;} .b3 img{position: absolute;} </style>``<div class="b3"> <img src="alert.png" alt="" class="_alert1"> <img src="_alert.png" alt="" class="_a.原创 2020-07-29 15:12:06 · 461 阅读 · 0 评论 -
本地存储localStorage的使用及剩余量计算
本地存储的使用和cookie的区别检测某一个网页下localStorage的剩余容量原创 2020-07-29 10:16:13 · 2259 阅读 · 0 评论 -
模糊查询
http://139.199.181.200:8686/引用的是这个同学的代码 大家可以下载试试 ，里面有很详细的说明API：.match(input, keyword)查询匹配拼音的数据。参数：input {string} 目标字符串keyword {string} 输入的拼音或其他关键词返回：{[Array]|{Boolean}}就是只要返回值是true就可，要是没匹配的就会返回false...转载 2020-07-28 17:30:06 · 211 阅读 · 0 评论 -
字符串使用replace方法实现批量替换
var str = '<img src="" alt=""><p>文章内容1</p><br><p>文章内容2</p><br>'var newStr = str.replace(/(\<img|\<p>|\<\/p>|\<br>)/gi, function ($0, $1)...原创 2019-11-21 11:15:49 · 2047 阅读 · 0 评论 -
同一个类的元素的计时器同时调用
最近遇到别人的一个需求，就是是类似中奖观众名单轮播的一个效果，会出现多次，需要写通用的方法，学习到了简单记录下<!-- 消息滚动轮播1 --><p class="title">最新报名客户</p><div class="newsBox"> <img src="images/fire.png" height="200" width...原创 2019-11-18 16:38:02 · 268 阅读 · 0 评论 -
子元素的点击事件出发了父元素的滑入滑出事件
一开始没发现是什么问题，后来进过多方排查，总之就是判断出了是子元素点击的时候出发了父元素的滑入滑出事件。我就纳闷了，为什么点击事件会影响划过滑出事件。百度了一下，试了很多方法，就是用阻止冒泡解决的。简化一下模型大概就是这么解决的：html:<div id="father"> <span id="son"></span></div>j...原创 2019-05-31 13:43:00 · 525 阅读 · 0 评论 -
mouseover mouseout和mouseenter mouseleave的区别
mouseover mouseout：在鼠标进入或者离开作用元素或者其子元素时，都会触发在进入son的时候，因为离开了father，所以会触发一次mouseout，同理，在再次进入father的时候，也因为离开了son，所以先触发了一次mouseout再触发mouseover。 mouseenter mouseleave：在鼠标进入作用元素的时候...转载 2019-04-29 16:23:37 · 345 阅读 · 0 评论 -
jquery点击对应列表项移动到列表最顶端的方法
1、单个列表<ul class="list"> <li>1</li> <li>2</li> <li>3</li></ul>$(".list li").click(function() { $(this).parent().prepend($(th...原创 2019-04-09 16:00:53 · 1203 阅读 · 0 评论 -
js知识
1、回调函数里面的this都指向window。原创 2019-02-22 15:35:16 · 203 阅读 · 0 评论 -
只能输入数字和小数，限制小数的位数
直接上代码了&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;合二为一&lt;/title&a原创 2019-01-30 15:37:08 · 1123 阅读 · 0 评论 -
类select下拉：多选+搜索
最近做项目需要实现一个可以多选、搜索的、可下拉的select功能，类似下图，我在项目里试过的插件有bootstrap-select、chosen、select2由于项目框架的限制我放弃了bootstrap-select，由于我们也使用了bootstrap，插件里面的bootstrap版本(3.0)和我们用的版本不同，加上之前的前端把bootstrap.css改了好多，修改兼容难度比较大，就放...原创 2019-01-29 15:55:47 · 7576 阅读 · 0 评论 -
bootstrap的daterangepicker日期区间选择器
项目里面要能自定义的双区间时间选择器，网上下载的有单区间，有双区间的，但是双区间的只能在两个月以内选择时间段，好不容易在csdn上找到了有年月切换的，怎奈我没有c币，我就从其他渠道买了一个，分享给大家哈哈（我算不算拆台==）daterangepicker.js可以自定义，有单区间，有双区间的（无年月选择）具体使用大家可以参考https://www.jb51.net/article/1236...原创 2019-01-16 18:35:46 · 2743 阅读 · 0 评论 -
点击div外区域隐藏div操作(嵌套iframe页面)
一、正常页面$(document).click(function(){ $(dom).hide();//要隐藏的div });二、嵌套iframe页面 （我实现的是点击子页面隐藏父页面的元素）除了写正常页面的操作之外，也需要在子页面里面写第二个操作$(document).click(function(){//父页面 $(dom).hide();/...原创 2019-01-10 10:38:14 · 5207 阅读 · 1 评论 -
报错Uncaught RangeError: Maximum call stack size exceeded
点击预览，预览图片，报错：Uncaught RangeError: Maximum call stack size exceeded具体报错位置但是查了半天发现都没有错，百度上说是：递归错误or低级错误两种可能。我感觉是低级错误，因为我没用递归=_=最后瞎鼓捣发现是js调用顺序错误？？？这个imgEnlarge（）是enlargeImg.js里面的方法，所以common-plugin...原创 2019-01-15 16:05:17 · 2305 阅读 · 0 评论 -
layer.tips使用
用layer.tips实现划过显示，划出隐藏效果layer-tips使用1、引入文件 layer.css 、 layer.js2、参数介绍：layer.tips(content, follow, options) - tips层{content:tooltip内容可以是str，也可以是html代码follow:依附的元素，一般用id表示如果依附的元素是自己 直接用this即可o...原创 2018-09-27 16:31:31 · 51375 阅读 · 6 评论 -
echarts的图标超出容器出现滚动条
echarts legend——scroll效果在使用到图表的页面中，有时候会出现图表的图标区域太长，超出显示或者空间不够的情况，最近才知道原来它也是可以像页面的标签一样，出现overflow：auto的效果。比如：legend的type属性选择“scroll”即可，默认值是“‘plain’”，也就是全部显示。legend : { type : 'scroll', orient : '...原创 2018-09-27 10:13:15 · 17833 阅读 · 0 评论 -
javascript中this详解（史上最简单易理解的讲解，包你不再找错this指向）
详细请参考原址：https://blog.youkuaiyun.com/qq_41635167/article/details/82798428 学习js已经一年多，对this也算是了解。前两天看了一些关于this指向的面试题，打算总结一下在js中关于this 的各种问题，结果发现讲解this的博客很多，但质量高的很...转载 2018-10-23 17:20:28 · 371 阅读 · 0 评论 -
canvas 粒子
详细请参考原址：https://runjs.cn/detail/fx1vvsld在网上看到 一个超级炫酷的动画效果，就想转载分享下HTML：&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&a转载 2018-10-26 14:46:41 · 403 阅读 · 0 评论 -
jquery操作
1、给一个元素绑定多个事件的写法1）可以把事件名字写在一起，用空格隔开$(dom).on(&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;click focus&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;, function() {原创 2018-10-31 10:56:40 · 270 阅读 · 0 评论 -
怎么区分两个text()值一样的元素
做项目的时候发现两个元素的text()值相同，但是又不能都加高亮，所以要根据需要来添加样式，可以区分的方面有：1)如果是点击事件，可以获取元素的index()2)如果没有事件，可以判断元素的类型或者元素是否有不一样的类判断元素的类型：$(dom).prop(“tagName”)获取元素所有的类：$(dom).attr(“class”)判断元素是否有某个类：$(dom).hasClass(...原创 2018-10-31 13:33:04 · 438 阅读 · 0 评论 -
文件上传控件fileinput
需求：当上传的文件类型为word或者pdf的时候，直接显示文件的icon；为图片的时候就是图片内容的预览。需要的文件依赖：&amp;lt;script src=&quot;js/fileinput.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;script src=&quot;js/fileinput_zh.js&am原创 2018-11-15 14:07:06 · 1933 阅读 · 0 评论 -
js操作
1、判断页面是否有滚动条function hasScrollbar() { return document.body.scrollHeight &amp;amp;amp;amp;gt; (window.innerHeight || document.documentElement.clientHeight);}返回true就是有，返回false就是没有...原创 2018-11-19 11:53:40 · 290 阅读 · 0 评论 -
echarts常见操作
1、是否显示提示框 tooltip : { show:false//是否显示提示框},2、饼图指示线labelLine:{ normal:{ length:10 //引导线长度 } }, label:{//引导线显示隐藏 normal:{ show:false ,//普通状态 positi...原创 2018-11-27 15:48:25 · 659 阅读 · 0 评论 -
嵌套iframe页面做打印去掉页眉页脚
iframe.contentWindow.print()打印局部页面时，去掉页眉页尾&amp;amp;amp;amp;amp;lt;style media=&amp;amp;amp;amp;quot;print&amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;gt; @page { size: auto; /* auto is the initial value */原创 2019-01-18 14:44:34 · 3819 阅读 · 3 评论 -
页面回显时列表滚动到列表的高亮位置处
当划过按钮的，回显数据的时候要把当前显示的这条数据在列表里高亮，并且列表将这一条滚动到列表的第一行的位置。页面代码太多了，贴个图片，就是ul包含li结构回显数据就不说了，说一下定位，原本打算是用锚点实现的，后来蓝的改了，还没改成a标签，就计算了一下当前高亮数据距离顶部的距离，这个数据就是他要滚动的距离。首先有几个距离要明确下：子元素相对于父元素的位移：$(ele).offset()....原创 2019-01-14 14:01:19 · 1227 阅读 · 0 评论 -
window的onload方法和 $(document).ready(function(){})的区别
1.执行时间window.onload必须等到页面内包括图片、CSS、Scripts等的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。2.编写个数不同window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个$(document).ready()可以同时编写多个，并且都可以得到执...原创 2019-01-14 14:04:44 · 1774 阅读 · 5 评论 -
页面批量使用类似hover效果时，内容闪烁
使用mouseenter+mouseleave，划过显示，滑出隐藏。内容过多出现滚动条时，有时候会出现内容闪烁的问题。1.原因：用display实现显示隐藏是占位的，display为none的时候是不占位置，而显示的时候又占了位置。尤其出现滚动条以后，更容易出现闪动的bug。划过显示相应的信息框，滑出隐藏。2、解决：换为opacity控制显示，因为opacity不占位，不会影响滚动...原创 2019-01-14 19:20:30 · 636 阅读 · 0 评论 -
懒加载和预加载
详细请参考简书原址：https://www.jianshu.com/p/4876a4fe7731简书作者：xiaolizhenzhen 懒加载和预加载 1、懒加载1.什么是懒加载？懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径...转载 2018-09-28 09:54:13 · 1250 阅读 · 0 评论