jquery
关注
分享
扫一扫
前端切图仔Zz
这个作者很懒，什么都没留下…
展开
-
jq实现倒计时功能
jq实现倒计时功能原创 2022-12-28 11:22:32 · 1837 阅读 · 0 评论 -
jq实现发弹幕功能
【代码】jq实现发弹幕功能。原创 2022-12-28 16:40:09 · 446 阅读 · 0 评论 -
jq怎么获取共同祖先元素下的另一个元素
怎么获取元素（共同祖先元素）find() 方法：用以获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。parents() ：用以获得当前匹配元素集合中每个元素的祖先元素，使用选择器进行筛选是可选的。offset() 方法：用以设置或返回被选元素相对于文档的偏移坐标。...原创 2022-08-12 16:14:05 · 352 阅读 · 0 评论 -
为什么jq的匿名函数 外部可以访问到里面的方法
1.jQuery的所有方法都是建立在jQuery对象（即$）,原生的js对象就是访问不到的。当你使用jQuery对象时，它会以你选中的DOM对象实例化一个jQuery对象，然后在调用jQuery方法。对于jQuery，只有一个所谓全局即jQuery对象（别名$），并没有其他的全局变量或方法。js中,通常把用类创建对象的过程称为实例化,实例化对象就是创建对象的过程。“类”是抽象的,没有办法操作它或使用它的方法和属性,只有把这个类实例化成为一个对象,才可去调用它的一系列方法和属性;...转载 2022-07-25 15:14:21 · 159 阅读 · 0 评论 -
jQuery的$原理
为什么不用new jQuery而是用$()① jQuery.fn.init.prototype = jQuery.fn = jQuery.prototype ;② new jQuery.fn.init() 相当于 new jQuery() ;③ jQuery() 返回的是 new jQuery.fn.init()，而 var obj = new jQuery()，所以这 2 者是相当的，所以我们可以无 new 实例化 jQuery 对象。...转载 2022-07-25 11:32:15 · 361 阅读 · 0 评论 -
jquery+css实现流星雨特效
jquery+css实现流星雨特效原创 2022-06-24 18:05:00 · 422 阅读 · 0 评论 -
jquery实现瀑布流
案例效果：1、确定图片的宽度 - 滚动条宽度2、用相对定位来确定第一行按序布局3、用数组来放各列累加的高度，以相对定位来确定其他行的布局。其中top值就是最小列的高度加上间距。js:html:css:......原创 2022-06-24 17:38:05 · 426 阅读 · 0 评论 -
jquery实现可轮播的瀑布流效果
案例效果：先实现瀑布流，然后再实现向上无缝轮播。其中瀑布流实现步骤如下：1、确定图片的宽度 - 滚动条宽度2、用相对定位来确定第一行按序布局3、用数组来放各列累加的高度，以相对定位来确定其他行的布局。其中top值就是最小列的高度加上间距。向上无缝轮播主要是利用margin-top的递减来实现向上滚动。当滚动完后再赋值为0重新滚动。...原创 2022-06-24 16:56:09 · 532 阅读 · 0 评论 -
jquery实现分页切换
案例效果：点击下面页码，选择对应页面的效果。点击向左向右的箭头，页面切到上一张或者下一张，当前页面是第一张时不能继续选择上一张，反之亦然。html:css:向左向右的箭头如下：原创 2022-06-24 14:21:47 · 999 阅读 · 0 评论 -
jquery实现轮播切换（简洁版）
利用定时器。使用setInterval() 方法间隔调用函数，从而实现循环切换。当使用鼠标切换的时候，先使用clearInterval()来停止定时操作，待切换到对应的图案后再恢复循环。代码如下：原创 2022-06-24 11:23:11 · 728 阅读 · 0 评论 -
jq怎么获取元素的id名
欲获取该元素的id值，可以通过jquery的attr() 方法。弹出结果：attr() 方法：用来设置或返回被选元素的属性和值。alert() 方法：用于显示带有一条指定消息和一个 OK 按钮的警告框。原创 2022-06-24 10:47:22 · 6530 阅读 · 0 评论 -
jq怎么获取倒数的元素
jq获取最后一个元素：打印结果：打印结果：eq() 方法 ：返回带有被选元素的指定索引号的元素。语法index 必需要有，用以规定元素的索引。可以是整数或负数。其中，使用负数将从被选元素的结尾开始计算索引。...原创 2022-06-24 10:26:54 · 910 阅读 · 0 评论 -
jquery实现小图片放大效果
大致效果如下：js部分：首要是自己先引入jquery.js文件，可自行去官网找<script src="jquery.js"></script> <script> $(window).on('load', function () { //1、当鼠标放至小图，出现黄色遮罩和右侧的大图 $('.imgbox').on('mouseover', function (e) { $('.scale').css('display','blo原创 2022-05-20 18:05:50 · 1541 阅读 · 0 评论 -
点击除了弹层的其它位置隐藏弹层/点击弹窗外其它区域隐藏弹窗
点击除了弹层的其它位置，怎么隐藏弹层呢？示例如下：js:$('.com-introduce .share').on('click',function(e){ $('.share-box').removeClass('hide') e.stopPropagation();//阻止事件向上冒泡 })$('body').on('click',function(){ if(!$(".share-box").hasClass("hide")){ $(".share-原创 2022-05-09 10:05:18 · 771 阅读 · 0 评论 -
怎么下载jQuery文件
步骤如下：1.进入jquery官网（https://jquery.com/download/），进入到以下页面2.有两种下载模式，根据需要点击如上图所示的Download the …jQuery…链接。进入到以下页面3.快捷键（ctrl + a）全选，然后快捷键（ctrl + c）复制4.在需要用到jQuery的地方新建一个js文件，然后将刚刚复制的代码粘贴过来。保存。搞定！...原创 2022-04-24 16:40:02 · 10172 阅读 · 0 评论 -
jq实现Input输入框的光标在初始值的后面
原始代码：<body style="background: purple;"> <input type="text" value="lyf" class="my-ipt" autofocus="autofocus"> <script src="jquery.js"></script></body>效果:此时光标默认是在前面的，明显是不太符合逻辑的。加两句jquery代码实现光标置后：<body style="backgro原创 2022-03-03 16:31:28 · 1149 阅读 · 0 评论 -
$.cookie创建和读取cookie
针对jquery的cookie插件：jquery.cookie.js读取cookie值：$.cookie('name');读取所有cookie：$.cookie();删除cookie：$.removeCookie('name');// 若写入时使用了属性 (path, domain)，读取也需要使用：$.removeCookie('name', { path: '/' });创建cookie并设置cookie的有效时间和有效路径：$.cookie('name', 'value',原创 2022-02-23 16:44:23 · 687 阅读 · 0 评论 -
Jq实现刷新页面更换广告的简单效果
运用场景：第一次进来页面看到的是随机广告，然后每刷新页面替换一次广告。思路：Math.random()生成随机数实现广告的随机，替换广告需用到cookie来记录已经出现过的广告。为保证入驻网页的广告的公平性，最后呈现的效果类似轮播，只不过出现的第一张是随机的。大致效果：Html代码：<div class="box"> <ul id="adver"> <li> <img src="i原创 2022-02-23 16:39:55 · 438 阅读 · 0 评论 -
jquery实现走马灯特效(扑克牌切换效果）
走马灯插件、jquery轮播、扑克牌切换大致效果、html代码、script代码、css代码原创 2022-02-14 16:28:49 · 1796 阅读 · 0 评论 -
报错$(...).size is not a function
jq版本问题把$(…).size() 改成 $(…).length即可原创 2022-02-11 16:44:29 · 717 阅读 · 0 评论