1、jQuery().each():
each() 方法为每个匹配元素规定要运行的函数。
提示:返回 false 可用于及早停止循环。
函数原型:
function(index,element) 为每个匹配元素规定运行的函数。
index - 选择器的 index 位置。
element - 当前的元素(也可使用 "this" 选择器)。
2、jQuery选择器:
3、jQuery.trigger()方法
trigger() 方法触发被选元素上指定的事件以及事件的默认行为(比如表单提交)。
该方法与 triggerHandler() 方法类似,不同的是 triggerHandler() 不触发事件的默认行为。
与 triggerHandler() 方法相比的不同之处:
它不会引起事件(比如表单提交)的默认行为
.trigger() 会操作 jQuery 对象匹配的所有元素,而 .triggerHandler() 只影响第一个匹配元素。
由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡;如果目标元素不直接处理它们,则不会发生任何事情。
4、jQuery.scroll()
当用户滚动指定的元素时,会发生 scroll 事件。
scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)。
scroll() 方法触发 scroll 事件,或规定当发生 scroll 事件时运行的函数。
函数原型:
$(selector).scroll(function)这个function可有可无
5、jQuery.animate()
animate() 方法执行 CSS 属性集的自定义动画。
该方法通过 CSS 样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。
只有数字值可创建动画(比如 "margin:30px")。字符串值无法创建动画(比如 "background-color:red")。
提示:请使用 "+=" 或 "-=" 来创建相对动画。
具体看这里:https://www.runoob.com/jquery/eff-animate.html
代码+注释:
1 /* 2 如果不了解jQuery可以去这里看:https://www.runoob.com/jquery/jquery-tutorial.html 3 */ 4 /*至于为什么要找a标签下类名为qz_like_btn_v3的属性为data-clicklog='like'就要去看QQ空间html代码*/ 5 jQuery("a.qz_like_btn_v3[data-clicklog='like']").each(function(index,item){ 6 console.log(item); 7 jQuery(item).trigger('click'); /*这里的trigger就是为了触发鼠标点击效果*/ 8 }); 9 jQuery(window).scroll(function(){ 10 jQuery("a.qz_like_btn_v3[data-clicklog='like']").each(function(index,item){ 11 jQuery(item).trigger('click'); 12 }); 13 return true; 14 }); 15 /*prompt: 16 提示框 17 提示框经常用于提示用户在进入页面前输入某个值。 18 当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。 19 如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。 20 window.prompt("sometext","defaultvalue"); 21 使用的时候可以不要"window." 22 23 */ 24 var choice=prompt("1、输入屏幕自动向下滑的固定像素 2、屏幕一直自动向下滑 3、屏幕手动向下滑自动点赞","1"); 25 if(choice==1) 26 { 27 var time=prompt("输入像素","6000"); 28 var t = 0; 29 var once=setInterval(function(){ /*setInterval是一个计时器事件*/ 30 jQuery('body,html').animate({'scrollTop':t+=2000},100); /*animate是一个css动画函数,这里的作用就是使页面向下滑动*/ 31 },2000) 32 33 setInterval(function(){ 34 if(t>time) clearInterval(once); 35 },2000) 36 } 37 else if(choice==2) 38 { 39 var t = 0; 40 var once=setInterval(function(){ 41 jQuery('body,html').animate({'scrollTop':t+=2000},100); 42 },2000) 43 } 44 else if(choice==3) 45 { 46 47 }
停止运行js
我们把Js代码放在浏览器的控制台执行,但是刷新页面后,js代码就清空了,也就无法执行。
暂停js代码一段时间
1 function sleep(ms) { 2 3 for(var t = Date.now();Date.now() - t <= ms;); 4 5 } 6 7 sleep(200);