jQuery中的css()和attr()方法有什么区别？

在jQuery中，css()和attr()是两个常用的方法，用于操作HTML元素的样式和属性。它们之间有一些关键的区别，我将在下面进行详细解释，并提供相应的源代码示例。

1. css()方法：
   css()方法用于设置或获取HTML元素的样式属性。它接受两个参数，第一个参数是要操作的样式属性的名称，第二个参数（可选）是要设置的属性值。如果只提供一个参数，则该方法将返回指定属性的当前值。

   示例1：获取元素的样式属性

   // HTML: <div id="myDiv" style="color: red;">Hello World</div>
   var color = $('#myDiv').