jQuery manipulation指的是使用jQuery操作HTML元素的能力，具有快速、簡便、可跨瀏覽器的優點。

//舉例：
//改變背景顏色
$("button.change-color").click(function(){
$("body").css("background-color", "red");
});
//添加元素
$("button.add-element").click(function(){
$("body").append("
這是新元素
");
});

除了使用預置的CSS屬性，jQuery也提供了多種方法對元素樣式進行操作：

//添加類
$("button.add-class").click(function(){
$("p").addClass("new-class");
});
//動態設置元素樣式
$("button.dynamic-style").click(function(){
$("p").css({
"background-color": "blue",
"font-size": "20px",
"color": "white"
});
});

還可以使用特殊的遍歷方法，如siblings、children、parent、next、prev等，來定位操作目標元素：

//在當前元素后添加新元素
$("button.add-to-next").click(function(){
$(this).next().after("
新元素
");
});
//刪除第一個子元素
$("button.remove-first-child").click(function(){
$("ul").children().first().remove();
});

除了對元素進行操作，jQuery也提供了對文本內容和屬性的操作方法，如text、html、attr等：

//修改文本內容
$("button.change-text").click(function(){
$("p").text("新文本內容");
});
//修改屬性值
$("button.change-attr").click(function(){
$("img").attr("src", "new.jpg");
});

總的來說，jQuery manipulation提供了非常方便、快捷的HTML元素操作方式，可以大大提高開發效率。