在網頁開發中，選擇合適的字體大小是非常重要的。通過使用jQuery，我們能夠輕松地實現選擇不同字體大小的功能，讓用戶自由選擇合適的字體。

$(document).ready(function(){
// 獲取選擇器按鈕
var smallFont = $('#small-font');
var mediumFont = $('#medium-font');
var largeFont = $('#large-font');
// 綁定按鈕事件
smallFont.click(function(){
$('body').css('font-size', '14px');
});
mediumFont.click(function(){
$('body').css('font-size', '16px');
});
largeFont.click(function(){
$('body').css('font-size', '18px');
});
});

在這段代碼中，我們首先使用jQuery的$(document).ready()方法來等待文檔加載完成后執行代碼。然后獲取選擇字體大小的三個按鈕，并給它們綁定點擊事件。當用戶點擊其中任意一個按鈕時，我們會選擇相應的字體大小并將其應用到整個頁面中。

需要注意的是，我們使用了jQuery的css方法來動態修改字體大小。這個方法可以用來修改文檔中的任何css屬性。在這個例子中，我們只修改了body元素的font-size屬性，但其他屬性同樣也可以以同樣的方式進行修改。