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、輸入屏幕自動向下滑的固定像素\n2、屏幕一直自動向下滑\n3、屏幕手動向下滑自動點贊","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);