jquery如何通过id定义元素的css样式

在实际的网页开发中，通过id快速定位元素并修改其样式是很常见的需求。jQuery的css()方法正好能帮我们高效完成这件事。下面就用一个完整的例子，一步步演示具体该怎么操作。

先新建一个html文件，命名为test.html，用来承载我们的测试代码。

在test.html文件内部，用div标签创建一个模块，作为样式的测试对象。

接着，给这个div标签设置一个id属性，这里取名为cding，方便后续通过id精准定位。

然后，在script标签里，用ready()方法确保页面加载完毕后再执行我们的逻辑，这样能避免操作不存在的DOM元素。

在ready()的回调函数中，通过id选择器$('#cding')获取到div对象，再调用css()方法，一次性设置多个样式：背景色为红色，宽度100像素，高度100像素。代码非常简洁直观。

最后，在浏览器里打开test.html文件，就能看到那个div变成了一个红色的方块，说明通过id定义的样式已经成功生效。