工具/原料
1
jQuery
2
HBuilder
3
浏览器
4
截图工具
5
HTML5
方法/步骤
1
第一步，双击打开HBuilder编辑工具，创建静态页面atag.html，并修改title标签元素内容，如下图所示：
2
第二步，引入jQuery相关的核心JavaScript文件，并添加初始化函数，注意文件路径，如下图所示：
3
第三步，在
元素内插入div标签元素，并给div一个id，为atag，如下图所示：4
第四步，设置a标签元素的样式，并在初始化函数内编辑插入div内的a标签，记得先清空然后再添加进去，如下图所示：
5
第五步，在jquery初始化函数内，为每个a标签元素id绑定一个click点击事件，如下图所示：
6
第六步，编写点击a标签元素字体变色函数，然后在每个a标签事件内调用这个函数，如下图所示：
7
第七步，预览该静态页面，并点击a标签文字，查看效果，可以看到a标签变色，如下图所示：
注意事项
1
注意合理配搭a标签样式，使用不同的样式类控制
2
注意a标签点击事件用法，绑定不同标签的点击事件
上一篇：怎么a标签里面的盒子居中
下一篇：js循环鼠标点击a标签变色