前端控制菜单点击和悬浮样式（二）by jquery

本章的HTML和CSS在 前端控制菜单点击和悬浮样式（一）by JavaScript 中有讲到，以下是链接：https://blog.csdn.net/yan_lychee/article/details/80045856 本章就对（一）中的js做替换。

$(function() {
			$('.nav-li').bind('click',function(){
				/**
					方法一 begin
				**/
				/*$('.nav-li').each(function() {
					$(this).removeClass('active');
				});*/
				/**
					方法一 end
				**/
				/**
					方法二 begin
				**/
				$('.nav-li').filter('.active').removeClass('active');
				/**
					方法二 end
				**/

				$(this).addClass('active');
			})
		})

解析一下：为nav-li类的li绑定了点击事件，首先移除原来有的active类，然后再向当前点击的li标签添加active类。

$(this).addClass('active'); 中的this指向当前点击的对象li标签。

这两种方法是现在我能想到的最少的jquery代码，若有更好的栗子，欢迎分享。