jQuery是一個非常流行的JavaScript庫，它能夠快速地幫助我們完成諸如操作HTML文檔、處理事件、發送AJAX請求等諸多任務。其中，使用append()方法來向文檔中添加HTML元素是很常見的操作。

下面是一個簡單的示例，我們通過append()方法來動態地向文檔中添加一個p元素：

$(document).ready(function() {
$("body").append("
這是通過jQuery append()方法添加的新元素
");
});

上面的代碼首先是在頁面加載完成后執行，然后使用$("body")定位到文檔中的body元素，使用append()方法來向其內部添加一個新的p元素。在這個例子中，我們直接將新元素的HTML代碼以字符串的形式傳入append()方法。

除了可以添加HTML元素外，我們還可以通過jQuery來動態添加CSS樣式。

$(document).ready(function() {
$("p").css("background-color", "yellow");
});

上述代碼中，我們通過css()方法給文檔中所有的p元素添加了一個背景色為黃色的樣式。這里的css()方法接受兩個參數，第一個參數是CSS屬性名，第二個參數是CSS屬性值。

對于較復雜的HTML代碼和CSS樣式，我們可以將它們保存在一個字符串變量中：

$(document).ready(function() {
var htmlStr = "<div class='container'><p>這是一個段落</p></div>";
var cssStr = ".container {background-color: #eee; padding: 10px;}";
$("body").append(htmlStr);
$("head").append("<style>" + cssStr + "</style>");
});

上述代碼首先定義了一個包含HTML代碼的字符串變量htmlStr以及一個包含CSS樣式的字符串變量cssStr。然后通過append()方法將htmlStr添加到文檔中，同時將cssStr添加到文檔的head中。需要注意的是，在添加CSS樣式時需要添加style標簽。

通過這些簡單的示例，我們可以了解到使用jQuery來操作HTML文檔和CSS樣式是非常方便和靈活的。