
jQuery
全栈小5
欢迎学习交流+vx:xgwkf566。
2024年博客之星Top14,优快云广州城市开发者首届活动演讲者,优快云内容合伙人、新星优秀导师、优快云博客专家、全栈领域优质创作者、阿里云社区专家博主、22年度博客之星全栈TOP11。
帮助别人,成长自己!欢迎一起学习基础编程知识!C#、.net core、Python、Java,Sql Server、mysql、oracle等基础或者进阶知识点或实战,均可加我咨询!
展开
-
【小5聊】页面滚动条联动出现值偏差原因
在编写表格插件时,可能会遇到这样的一个情况,当你移动数据行横向滚动条,同时也关联移动字段行时,字段行横向滚动条移动已经结束,但是数据行横向滚动条还能移动,导致数据行和字段行布局不一致1、效果如下2、原因因为数据行滚动条除了有横向滚动条,还有纵向滚动条,导致他们之间的滚动不一致3、获取滚动条宽度值代码/* 获取滚动条的宽度 */function getScrollWidth () { var noScroll, scroll, oDiv = docum.原创 2022-02-20 18:49:05 · 810 阅读 · 0 评论 -
【小5聊】jquery基础之offset和position的top、left值
假如有这么一个需求,当打开下拉ul列表,列表值能够滚动到指定li中显示1、offset()offset() 方法返回或设置匹配元素相对于文档的偏移(位置)。该方法返回的对象包含两个整型属性:top 和 left,以像素计。2、position()position() 方法返回匹配元素相对于父元素的位置(偏移)。该方法返回的对象包含两个整型属性:top 和 left,以像素计。3、由以上概念可知,获取li在ul中的top偏移值,需要使用position()4、由以..原创 2021-12-14 16:16:54 · 1763 阅读 · 0 评论 -
【小5聊】jQuery使用on绑定未来元素同时off仍然出现被绑定多次click点击事件分析和原因,自己挖坑系列
给未来元素绑定点击事件,绑定前也使用off解绑,依然出现点击一次实际执行多次情况1、仍然出现多次click点击的代码2、原创 2021-10-15 13:41:18 · 2659 阅读 · 0 评论 -
【小5聊】jQuery基础开发之挖坑自己跳,变量未设置var,局部变量变成了全局变量
按原理来说,$(function(){ A}),$(function(){ B}),内容A和B之间的变量应该不会相互影响1、错误写法效果按逻辑应该是弹出1才对代码<script type="text/javascript"> $(function () { gData = { data: null, xgwTest: function () { al...原创 2021-09-23 19:51:33 · 536 阅读 · 0 评论 -
【小5聊】jQuery基础之$(‘body,html‘).animate执行两次
页面加载时,直接跳转到指定滚动条位置1、执行两次的原因由于$方法里填了body和html,导致方法认为animate方法执行两次出现两次的效果2、解决方法直接使用document或者只设置一个值即可修改后效果...原创 2021-09-06 12:09:48 · 1266 阅读 · 0 评论 -
【小5聊】jQuery基础之触发a标签的click事件无效的解决方法
使用trigger触发click事件有时在特定情况下无效,需要使用click方式直接替换1、代码注入方式无效在浏览器代码注入,trigger触发click无效,但在console输出区域又可以代码如下$(".a").trigger('click'); //一般此类方式都可以触发2、解决方法代码$(".a")[0].click();...原创 2021-07-31 15:43:10 · 2454 阅读 · 0 评论 -
【小5聊】ajax表头添加token等相关信息
使用场景ajax进行接口请求时,将token权限验证信息放到表头传递后接口后台ajax代码$.ajax({ url: url, data: {}, dataType: 'json', type: 'post', beforeSend: function (request) { request.setRequestHeader(tokenName,'C646D05D791CD61143C2AEFBDBF3B7..原创 2021-06-24 11:26:01 · 1863 阅读 · 4 评论 -
【小5聊】jquery基础之自己埋坑的操作
【场景】使用$.get的方法调用api获取html内容【埋坑】【解决】由于是加载过来的html,且是插件的情况下,提示不是很清楚domain忘记加双引号原创 2020-11-16 20:31:40 · 275 阅读 · 0 评论 -
【小5聊】jQuery基础之获取指定时间月份的最后一天
获取指定时间月份的最后一天new Date(new Date('2020-06-01 00:05:00').setMonth(new Date('2020-06-01 00:05:00').getMonth(),0))Sun May 31 2020 00:05:00 GMT+0800 (中国标准时间)原创 2020-07-09 16:38:01 · 1386 阅读 · 0 评论 -
【小5聊】jQuery之时间简单实现,yyyy-MM-dd HH:mm:ss 星期
【效果】【直接上代码】<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><div id="timeData"></div><script>setInterval(function () { $("#timeData").html(getTime()) }, 1000);function getTime(type) { /原创 2020-06-13 12:17:03 · 676 阅读 · 0 评论 -
【小5聊】前端这些高宽度你真的了解吗(1)
【开发信息】jquery+div+css【简单小叙】1)普通高宽度:就是height和width的值2)完整高宽度:包括本身设置的边框大小、外边距、内边距,实际上还有一个内容层3)方法:$("div").outerHeight()、$("div").height()【document高宽度】1)document的高宽度-height(),效果如下document的高宽度.png【body和window高宽度】1)body和window的高宽度-height(),.原创 2020-05-08 23:49:19 · 365 阅读 · 0 评论 -
【小5聊】前端之ajaxSubmit上传文件时显示进度条
1、首先,需要引用jquery两个文件jquery-2.0.0.min.js和jquery.form.js2、然后编写html代码如下<div style="font-size: 20px;color: #888;border: 1px solid #ccc;height: 98px;line-height: 98px;width: 100px;cursor: defaul...原创 2020-03-18 14:19:55 · 575 阅读 · 0 评论 -
【小5聊】jQuery基础之冒泡事件解决点击内层div而不触发外层div事件
1、设置两个div,如下<div id="parentDiv" style="padding:20px;width:160px;height:200px;background:#0aadff;color:#fff;"> <span>我是外层div</span> <div id="childrenDiv" style="paddin...原创 2020-03-15 09:35:36 · 1348 阅读 · 0 评论 -
【小5聊】js基础之计算两个时间相差多少天小实现分析
通过时间戳的方式获取到相差的天数1、假设时间A是-2019-11-12 13:14:15,那么输出的时间戳就是,如下2、假设时间B是-2019-11-30 13:14:15,那么输出的时间戳就是,如下3、一天内的毫秒值:1天*24小时*60分钟*60秒*1000毫秒=1*24*60*60*1000,如下4、两个时间戳相减,1575090855000-1573535655...原创 2019-12-24 11:53:50 · 506 阅读 · 0 评论 -
【小5聊】jQuery基础之扩展string对象方法
1、扩展字符串String对象方法,比如实现字符串替换功能,代码如下//扩展string对象方法$.extend(String.prototype, { val: function (key,value) { return this.replace("{" + key + "}", value); }});2、调用方式var oneStr = ...原创 2019-12-20 13:46:44 · 469 阅读 · 0 评论 -
【小5聊】jQuery基础之给指定时间加多一天,以及指定时间加多一个月,或者N天N个月
1、指定的时间加一天,可设置N天new Date(new Date('2019-12-31').setDate(new Date('2019-12-31').getDate()+1))2、指定的时间加一个月,可以设置N月new Date(new Date('2019-10-14').setMonth(new Date('2019-10-14').getMonth()+1))...原创 2019-12-17 17:21:01 · 1801 阅读 · 0 评论 -
【小5聊】jquery.cookie基础之设置有效期单位格式不同
1、设置时间毫秒单位格式有效期$.cookie('myClientCreateToken', '0', { expires: now, path: "/", domain: window.DomainName });2、设置整型天数有效期$.cookie('myClientCreateToken', '0', { expires: 7, path: "/", domain: windo...原创 2019-12-09 14:48:58 · 539 阅读 · 0 评论 -
【小5聊】jQuery 基础之json对象转为字符串以及字符串转为json对象
1、代码如下//json对象转为string字符串JSON.stringify({userName:'小5',education:'大专'});//string字符串转为json对象JSON.parse('{"userName":"小5","education":"大专"}');2、注意JSON是大写,json则会报错...原创 2019-11-30 15:26:07 · 342 阅读 · 0 评论 -
【小5聊】jQuery.cookie跨页面后获取cookie值为undefined
cookie获取值出现undefined场景流程:1、假如a.html页面保存了值,$.cookie("one","test");2、那么在跳转到b.html页面时获取,$.cookie("one"),提示undefined解决方法$.cookie("one", “test”, { expires: 7, path: '/', secure: false });3、...原创 2019-11-27 00:02:33 · 1427 阅读 · 0 评论 -
【小5聊】jquery之获取滚动条元素的实内容际高度以及回到顶部
设置固定高度超出高度后会产生滚动条,那么内容内的实际高度如何获取呢1、获取实际高度:$("div")[0].scrollHeight2、设置滚动条到底部:$("div").animate({scrollTop:$("div")[0].scrollHeight+"px"}, 500);...原创 2019-11-20 17:30:37 · 1499 阅读 · 0 评论 -
【小5聊】javascript 代码编写顺序的逻辑代码错误
原创 2019-11-19 20:57:08 · 815 阅读 · 0 评论 -
【小5说基础】jQuery 之on绑定事件以及off清除事件遇到的一些小坑吭,on被多次绑定,off如何清除
1、模拟点击div#test绑定div.test的click事件,代码如下描述:点击多少次A区域,然后再点击B区域就会出发多少次click事件,比如我点击了两次A区域,那么再点击一次B区域,就会弹出两次alert<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>&...原创 2019-10-24 11:27:13 · 500 阅读 · 0 评论