JQuery
关注
分享
扫一扫
词不达意难知
记录分享一些学习到的使用到的方法
展开
-
移动端H5(JavaScript)识别二维码功能
前言时隔一年多， 再次接触到H5识别二维码功能，这次直接写个demo方便大家学习和使用。(其实是方便自己抄自己代码…)。直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con原创 2022-05-18 13:16:59 · 4138 阅读 · 12 评论 -
JavaScriptH5移动端滚动加载下一页(附带防抖函数,原生写法,JQuery写法)
原生写法<script> /** * 防抖函数 * @param method 事件触发的操作 * @param delay 触发之后多长时间后执行 * @returns {Function} */ function debounce(method, delay) { let timer = null; return function () { let self = this, args = argum原创 2021-09-16 14:15:53 · 3600 阅读 · 1 评论 -
JS，JQ输入框oninput事件1秒后请求接口(节流优化)
JS，JQ输入框oninput事件1秒后请求接口记录一次项目接口优化请求…首先，输入框中查询请求的数据过于庞大，在不做数据请求时间处理则会出现页面卡死的情况实现逻辑：{1. 定义全局定时器2. 输入时清除定时器3. 如果没有输入则在输入1秒后再进行数据请求}主要代码部分 let searchTimer = null; //全局定时器 this.$ele.on('input', '.search input', function () { clearTimeout(searchTime原创 2020-08-03 10:55:23 · 1709 阅读 · 1 评论 -
JQuery实现全选反选全不选
首先知道以下的方法:prop() 方法: 设置或返回被选元素的属性和值。(在获取类似checked这种属性时，获取返回的是布尔值，故此可以利用这个方法实现)；each()方法: 以每一个匹配的元素作为上下文来执行一个函数。（用大白话来讲就是循环，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。 ）下面是代码及结构： <scr...原创 2019-08-03 21:45:57 · 270 阅读 · 0 评论 -
JQuery实现图片自动轮播左右切换鼠标移入
首先 轮播的精髓就是在于图片的平滑滚动，下面图片应该能一下就看明白；第一 我们将可视区控制在我们想呈现的内容的大小第二 接着是在可视区内放入内容（图片）；第三 JQ效果实现 ，中下方小圆点（按钮移入切换事件）；图片左右两侧点击切换事件；自动播放事件；移入图片终止播放移出开启播放； css 以及 html 展示 <style> * { ...原创 2019-08-03 22:18:59 · 3130 阅读 · 0 评论 -
JQuery缓慢平滑回到顶部，超出区域自动显示隐藏
为什么要添加回到页面顶部的效果？在浏览网页时我们可以发现当页面高度(鼠标滚轮滚动)到达一定页面区域时,页面的右侧会出现一个回到页面顶部的小按钮。只需要点击一下按钮就能缓慢的回到页面顶部。这使得用户不用再通过滚轮反复的滚动来回到页面顶部，从而进一步提高了用户的体验如何实现？<script> //首先创建一个‘按钮’(div)并且通过CSS样式使它跟随页面固定再右下角...原创 2019-07-27 19:57:39 · 608 阅读 · 2 评论