jQuery是一種基于JS的快速,小型,功能強大的JavaScript庫,它為web開發者提供一種簡單的方法來遍歷HTML文檔,處理事件,創建動畫,處理AJAX請求等等功能。jQuery提供兩種方法:靜態方法和實例方法。
// 以下是jQuery的版本庫,版本選擇3.6.0
靜態方法
靜態方法是通過jQuery對象自身調用而非選擇器調用的方法。它們是全局函數,不需要前綴,例如,我們可以使用jQuery.ajax()而不是$('selector').ajax()來調用ajax方法。靜態方法執行時,不會操作DOM元素。
// 靜態方法獲取當前文檔中所有p標簽的長度 let pLen = $('p').length; console.log(pLen);
實例方法
實例方法是通過選擇器返回的jQuery對象調用的方法。當在jQuery對象上調用實例方法時,它們操作當前選擇器選中的DOM元素。例如,我們可以使用$('selector').css('color', 'red')來修改元素的樣式。實例方法僅對選擇器選擇的元素有效。
// 實例方法改變第一個p標簽的顏色 $('p:first').css('color', 'red');
區別
靜態方法可以被全局調用,而實例方法只能被選擇器選中的元素調用。靜態方法不會直接操作DOM元素,而實例方法將操作選擇器選中的每一個DOM元素。
// 靜態方法禁用所有a標簽的鏈接 jQuery('a').click(function(event) { event.preventDefault(); }); // 實例方法改變選擇器選中的所有p標簽的顏色 $('p').css('color', 'green');
在實際開發中,開發者需要根據具體的需求來選擇使用靜態方法或實例方法。如果需要改變所有元素的狀態,或在需要操作DOM之前執行函數,則選擇靜態方法。如果只需操作選中的元素,則選擇實例方法。