- 首先,我们新建一个html的文档
- 我们接着写一个ul标签,在里面的li标签里面存放我们所需要的内容
3.书写好我们需要的内容后,就可以链入jQuery的链接,方便我们写代码
4.接下来我们在创建一个script的标签,书写我们需要的效果
5.第一步,写鼠标进入样式 如果鼠标进入了,那么对于的li标签的背景颜色就变为红色
6.接着鼠标离开效果
若是鼠标离开了,则取消当前啊li标签的背景颜色和所有的兄弟元素的颜色,即li标签。
7.接着书写鼠标点击事件
鼠标进入并且点击了li标签,则相对应的li标签变红色
- 前的的兄弟元素li标签则变为黄色
- 后面的li标签则变为蓝色。
这是我Visual Studio Code所学到jQuery中兄弟元素的案例,所以我要分享给你们,希望可以帮助到你们.
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!