jQuery入門(四)-----jQuery中的靜態方法
阿新 • • 發佈:2018-09-28
-- 圖片 靜態 str height 事件 個數 另一個 doc
jQuery靜態方法
- 什麽是靜態方法?
- 靜態方法對應的是對象方法,對象方法用實例對象調用,而靜態方法用類名調用.
ready()事件的暫停和恢復
>>暫停或者恢復jQuery.ready()事件
>>傳入true或false
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery靜態方法</title> <script src="js/jquery-3.3.1.js"> </script> <script> $.holdReady(true); </script> </head> <body> <button id="first">點擊測試彈出</button> <button id="second">解除延遲</button> <script> $("#second").click(function(){ $.holdReady(false); }); </script> </body> </html>
數組和對象操作
each(object[,callback])
- 遍歷對象或數組
- 優點統一遍歷對象和數組的方式
- 回調參數的順序更符合我們的思維模式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ME002-jQuery的靜態方法</title> <script src="js/jquery-3.3.1.js"></script> <script> $.each( { name:"John", lang: "JS" }, function(i, n){ //each()方法中的參數: alert( "Name: " + i + ", Value: " + n ); //第一個object參數是指要被遍歷的對象,第二個參數是一個回調函數 }); //回調函數(callback)中的第一個參數是指被遍歷對象的下標,第二個參數是指被遍歷對象下標所對應的值 </script> </head> <body> </body> </html>
map(arr|obj,[object])
>>將一個數組中的元素轉換到另一個數組中。
>>作為參數的轉換函數會為每個數組元素調用,而且會給這個轉換函數傳遞一個表示被轉換的元素作為參數。轉換函數可以返回轉換後的值、null(刪除數組中的項目)或一個包含值的數組,並擴展至原始數組中。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ME002-jQuery的靜態方法</title> <script src="js/jquery-3.3.1.js"></script> <script> alert( $.map([1,2,3], function(n){
return n + 4; })); </script> </head> <body> </body> </html>
執行結果:
//從這執行結果可以看出,回掉函數中,如果只有一個參數,那麽這個參數是指前面所遍歷對象的值。
把script中的代碼改為如下:
<script>
alert( $.map([1,2,3], function(i,n){
return i+n;
}));
</script>
執行結果為:
//從執行結果可以看出,如果回調函數中存在兩個參數,那麽第一個參數是指遍歷對象的下標,第二個參數是指遍歷對象下標所對應的值。
each()和map()方法的對比:
each()方法只能對遍歷對象進行遍歷取出操作,並不能對元素進行修改。但是map()方法可以,map方法可以對遍歷對象中的元素進行修改操作。
字符串操作
$.trim(str)
>>>去掉字符串起始和結尾的空格。
jQuery 代碼: $.trim(" hello, how are you? "); 結果: "hello, how are you?"
測試操作
$.isArray(obj) //判斷對象是否為數組
$.isWindow(obj) //判斷對象是否為窗口
$.isFunction(obj) //判斷對象是否為函數
jQuery入門(四)-----jQuery中的靜態方法