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开发效率。