jquery遍历修改css样式

jQuery是一个广泛应用于Web开发的JavaScript库,可以方便地完成大量基于DOM的操作,以及其他常见的JavaScript任务。其中,遍历和修改CSS样式是jQuery的基本功能之一。

// 遍历和修改CSS样式$(document).ready(function(){$(p).each(function(){// 遍历所有p标签$(this).css(color, red);// 将字体颜色修改为红色$(this).addClass(bg-yellow);// 添加背景色样式});});

代码注释:

第1行:$(document).ready()用于在页面加载完成后执行JavaScript代码。

第2行:用选择器$(p)选中所有p标签并使用each()方法遍历。

第3-4行:使用css()方法修改每个p标签的字体颜色。

第5-6行:使用addClass()方法为每个p标签添加背景色样式。

需要注意的是,以上代码不仅可以遍历和修改CSS样式,还可以用于遍历和修改其他属性、标签内容等。通过jQuery的方便操作,可以大大减少JavaScript代码的编写量,提高Web开发效率。

jquery遍历修改css样式