JQuery实现点击li标签改变样式class

本文主要介绍JQuery实现点击li标签改变样式class, 即点击li标签会取消当前的样式,然后赋给点击的li的样式。

思路:对所有的 li的标签添加点击事件,然后利用siblings([expr])取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选,去除同辈的样式,然后在给当前点击的li标签添加样式。

测试代码如下:

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>




Insert title here





	
  • A
  • B
  • C

效果图:


你可能感兴趣的:(javaweb)