在移動互聯網時代，越來越多的用戶選擇在手機上瀏覽網頁。為了提升用戶體驗，很多網站都會優化其移動端頁面。而jquery作為一款非常流行的javascript庫，它可以方便地幫助開發者實現網站頁面的手機適配。

//將頁面寬度設置為設備寬度//檢測設備是否為移動設備
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
//針對移動設備做出相應處理
}
//通過jquery選擇器獲取DOM元素并設置CSS
$('body').css({'font-size':'16px', 'color':'#333'});
//檢測屏幕寬度，根據不同寬度加載不同的樣式文件
if(window.innerWidth<600){
$('link[title="mobile"]').attr('media', 'screen');
$('link[title="desktop"]').attr('media', 'not screen');
}
else{
$('link[title="mobile"]').attr('media', 'not screen');
$('link[title="desktop"]').attr('media', 'screen');  
}
//使用css media query根據屏幕寬度設置樣式
@media screen and (max-width: 600px) {
.menu{
display: none;
}
}

上述代碼中，我們首先通過設置meta標簽將頁面寬度設置為設備寬度，從而讓頁面能夠自動適應不同的移動設備。接著，我們使用jquery封裝的選擇器和CSS設置方法動態調整頁面元素的樣式。此外，我們還可以通過檢測屏幕寬度和設備類型，加載不同的樣式文件，從而實現更加靈活的頁面適配。

總的來說，jquery是一款非常實用的前端開發庫，它可以幫助我們快速簡便地實現頁面的適配。如果你也想為你的網站開發一個移動端頁面，jquery是一個非常不錯的選擇。