在開發網頁時，我們經常需要使用JavaScript進行操作。而jQuery這個輕量級的JavaScript庫，可以大大簡化我們的開發工作。jQuery有很多方便實用的功能，其中輸出內容到HTML頁面上便是一個常用功能。

輸出內容到HTML頁面上，我們經常會用到jQuery提供的html()、text()、append()、prepend()等方法。

// html()方法
$('p').html('<strong>我是粗體文字</strong>');
// text()方法
$('p').text('我是一段文本');
// append()方法
$('p').append('<strong>我是通過append()方法添加的內容</strong>');
// prepend()方法
$('p').prepend('<strong>我是通過prepend()方法添加的內容</strong>');

其中html()方法和text()方法都是直接替換掉選中元素的內容，而append()方法和prepend()方法則是在選中元素的末尾或者開頭添加新的內容。需要注意的是，如果選中多個元素，這些方法會同時作用于所有元素。

另外，jQuery還提供了attr()方法和val()方法用于操作HTML元素的屬性和值：

// attr()方法
$('img').attr('src', 'new.jpg');
// val()方法
$('input[type="text"]').val('新的文本');

使用jQuery輸出內容到HTML頁面上，可以方便快捷地實現動態更新頁面內容的效果，讓網頁變得更加生動有趣。