jQuery提供了許多常見UI圖標(biāo),這些圖標(biāo)是通過Font Awesome庫呈現(xiàn)的。Font Awesome是一種開放源代碼圖標(biāo)集,這些圖標(biāo)旨在使用Web標(biāo)準(zhǔn)(HTML,CSS和JS等技術(shù))呈現(xiàn),可通過CSS文件簡單地添加到網(wǎng)站或應(yīng)用程序中。
使用jQuery提供的圖標(biāo),需先在html中引入相關(guān)的CSS文件和JS文件。引入后,可以通過html標(biāo)簽或JS語句來添加圖標(biāo)。
//在html中添加圖標(biāo) <i class="fas fa-camera"></i> <i class="fas fa-car"></i> //在JS中添加圖標(biāo) $('body').append('<i class="fas fa-camera"></i>'); $('body').append('<i class="fas fa-car"></i>');
這里的標(biāo)簽就是用來呈現(xiàn)圖標(biāo)的,class屬性“fas fa-camera”表明就是一個camera圖標(biāo),同樣,class屬性“fas fa-car”就是一個小汽車圖標(biāo)。
除了這兩個圖標(biāo),jQuery還提供了很多其他圖標(biāo),例如折疊圖標(biāo)、視頻圖標(biāo)等等。這些圖標(biāo)不僅能提供美觀的展示效果,還能帶來良好的用戶體驗(yàn)。