jQuery Mini API 是一個小巧的 JavaScript 庫,目的是讓開發(fā)者更加方便地操作 HTML 文檔、操作 CSS 樣式、以及處理事件。它基于 jQuery 庫構(gòu)建,但體積更小、功能更簡單,僅包含 jQuery 核心的一部分。
// 引入 jQuery Mini API <script src="jquery-mini.js"></script> // 使用 jQuery Mini API 操作 HTML 元素 // 獲取元素 let $element = $('div'); // 添加元素 $('body').append('<p>Hello World!</p>'); // 移除元素 $element.remove(); // 使用 jQuery Mini API 操作 CSS 樣式 // 獲取元素的樣式 let width = $('div').css('width'); // 設(shè)置元素的樣式 $('div').css('color', 'red'); // 一次性設(shè)置多個樣式 $('div').css({ 'color': 'red', 'background-color': 'blue' }); // 使用 jQuery Mini API 處理事件 // 綁定點擊事件 $('button').click(function() { console.log('Button clicked!'); }); // 解除綁定事件 $('button').off('click');
jQuery Mini API 能夠減少開發(fā)者的代碼量,提高開發(fā)效率。雖然它相對于 jQuery 庫來說功能較少,但對于一些簡單場景和小型項目來說是一個不錯的選擇。