我们浏览一些网站时经常会遇见鼠标点击某个选项时,该选项的样式会发生变化,与此同时,页面会呈现不同的内容或者样式,这里用到的知识点有:
1. HTML+CSS基础;
2. JS库—jQuery(绑定click事件、索引值、$(this)、jQuery样式操作)。
注意:要在HTML文档的头部单独嵌入script标签,引入并加载jQuery库,代码如下:
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
代码块:
- HTML代码段:
<body>
<div class="btns">
<input type="button" name="" value="选项一" class="current">
<input type=