Jquery幻灯片切换和附加不起作用

我好像没弄明白。我的语法错了吗？我似乎不懂jQuery。警报可以工作，但这些不能。我需要做些什么来适应这些吗？我需要做些什么来确保它们正常运行

$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
（'p'）.addClass（'.red'）；
});
$（'#按钮2'）。单击（函数（）{
$（'img'）。滑动切换；
});
$()
});
正文*{
轮廓：1倍淡紫色斑点；
字体系列：Arial、Helvetica、无衬线字体；
}
.集装箱{
宽度：1024px；
最小高度：700px；
}
.行{
底部边框：3倍纯黑；
}
.点击{
显示：内联块；
宽度：200px；
文本对齐：居中；
垂直对齐：居中；
边缘底部：30px；
}
.内容{
显示：内联块；
文本对齐：居中；
宽度：自动；
利润率：25px；
}
钮扣{
高度：35px；
宽度：75px；
文本对齐：居中；
}
瑞德先生{
背景色：红色；
}
蓝先生{
颜色：蓝色；
}

添加类
添加类
单击按钮将“红色”类添加到此段落
侧开关
侧开关
单击按钮以滑动切换隐藏图像

追加
追加
单击按钮以附加新段落

此处错误：
（'p'）.addClass（'red'）

如果要选择所有
标记，语法为：
$（'p'）
（请参阅文档）

如果要使用addClass添加类，可以在文档中看到，您只需添加css类，无需使用
（用于
类的选择器，如
$（'.className'）
）

所以改变
（'p'）.addClass（'red'）到
$（'p'）.addClass（'red'）
都将变为红色


$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'p'）.addClass（'red'）；
});
$（'#按钮2'）。单击（函数（）{
$（'img'）。滑动切换；
});
$()
});
正文*{
轮廓：1倍淡紫色斑点；
字体系列：Arial、Helvetica、无衬线字体；
}
.集装箱{
宽度：1024px；
最小高度：700px；
}
.行{
底部边框：3倍纯黑；
}
.点击{
显示：内联块；
宽度：200px；
文本对齐：居中；
垂直对齐：居中；
边缘底部：30px；
}
.内容{
显示：内联块；
文本对齐：居中；
宽度：自动；
利润率：25px；
}
钮扣{
高度：35px；
宽度：75px；
文本对齐：居中；
}
瑞德先生{
背景色：红色；
}
蓝先生{
颜色：蓝色；
}

添加类
添加类
单击按钮将“红色”类添加到此段落
侧开关
侧开关
单击按钮以滑动切换隐藏图像

追加
追加
单击按钮以附加新段落

非常感谢！那开关呢？@Rin你的问题是什么？：）