簡單說，jQuery 的 attr 和 css 函數是用于修改 HTML DOM 元素的屬性和樣式的。attr 函數可以用來設置或獲取元素的屬性值，css 函數可以用來設置或獲取元素的樣式屬性值。

// 使用 jQuery 的 attr 函數來設置元素的屬性值
$(selector).attr(attribute, value);
// 使用 jQuery 的 attr 函數來獲取元素的屬性值
$(selector).attr(attribute);
// 使用 jQuery 的 css 函數來設置元素的樣式屬性值
$(selector).css(property, value);
// 使用 jQuery 的 css 函數來獲取元素的樣式屬性值
$(selector).css(property);

在使用這些函數時，selector 參數可以是任何有效的選擇器，attribute 參數可以是任何元素的屬性名，如'href'或'class'，property 參數可以是 CSS 樣式屬性名，如'color'或'font-size'。

下面是一些具體的例子：

// 設置元素的 class 屬性值，添加一個名為 'selected' 的類
$('p').attr('class', 'selected');
// 獲取元素的 href 屬性值
$('a').attr('href');
// 設置元素的 font-size 樣式屬性值，將字體大小設置為 14 像素
$('p').css('font-size', '14px');
// 獲取元素的 background-color 樣式屬性值
$('p').css('background-color');

注意：當使用 attr 函數來設置元素的 class 屬性時，如果原來的屬性值中已經存在名為 'selected' 的類，則新的類會被添加在后面，如 'class1 class2 selected'。