jQuery
想搞全栈的前端
愿君学长松,慎勿作桃李.受屈不改心,然后知君子
展开
-
jquery/js 获取iframe父窗口、子窗口元素
jquery 获取子窗口 document.getElementById("iframe的id").contentWindow.document.getElementById("iframe中的元素id"); var ifmEle = document.getElementById("ifrId").contentWindow.document.getElementById("child"); 获取父窗口 window.parent.document.getElementById('pa原创 2021-05-28 17:37:13 · 452 阅读 · 0 评论 -
input框校验:小数点保留两位,只能输入0--100
input输入值校验 $('input').keyup(function(){ var value = $(this).val() var sum = 0; // 清除"数字"和"."以外的字符 value = value.replace(/[^\d.]/g,""); // 验证第一个字符是数字 value = value.replace(/^\./g,""); // 只保留第一个, 清除多余的 value = value.replace(/\.原创 2021-04-02 15:02:17 · 3625 阅读 · 0 评论 -
jQuery穿梭框
jQuer穿梭框 git仓库 // 初始化穿梭框 $("#shuttleBox").transferItem({ 'leftName':'左侧列表', 'rightName':'右侧列表', data:{ leftArr:[{id:'0',name:'1'},{id:'1',name:'哈哈哈哈'},{id:'3',name:'说没说过'},{id:'4',name:'我们沙发上'}], rightArr:[{id:'5',name:'沙发上的1'},{id:'6',na原创 2021-03-05 12:00:06 · 637 阅读 · 0 评论 -
手写jQuery轮播图(无缝回到第一张)
前言 轮播图是学习前端必须会的,面试的时候经常会面试到。轮播图的难点在于最后一张到第一张怎么实现无缝滚动,这是一种思维方式的转变。 原理 我们以3张的轮播图为例讲解。 如下图,制作三张轮播图时需要放4张图片,第四张和第一张一样。 在如何从1转到2呢? 在我们从3移到1后,我们需要把第4张变成第一张。惯性思维会认为需要从第四张1移动到第一张1。其实对计算机而言,并没有这个过程,加上移动只是为了是我...原创 2019-06-26 12:12:32 · 3499 阅读 · 3 评论