1、双击打开HBuilderX开发工具,创建Web项目并在指定文件夹,新建html文件array.html
2、在已新建的静态页面,引入jquery核心文件并修改title标题内容
3、在<body></body>标签内,插入一个div,并添加坡纠课柩id属性值为colorData
4、在script标签中,添加jquery初始化函数内,定义字符串变量str,颜色数组罕铞泱殳color,然后使用for循环,将结果拼接到str中,调用append()方法追加到div标签中
5、保存代码并运行项目,打开谷歌浏览器,查看展示一个无序列表
6、返回到HBuilderX,使用css3伪类选择器,控制无序列表奇数个和偶数个的字体颜色
7、再次保存代码并刷新浏览器,可以发现相对于之前,字体颜色发生了改变