jQuery是一个广泛应用于Web前端开发的JavaScript库。当我们需要修改元素的样式时,往往需要操作元素的类名。 jQuery提供了一系列设置样式类名的方法,方便我们快速完成样式修改。
// addClass()方法将指定的样式名称添加到元素中 // 例如给id为element的元素添加一个类名为active的样式 $("#element").addClass("active"); //removeClass()方法从元素中删除指定的样式名称 // 比如删除id元素中名为active的样式 $("#element").removeClass("active"); //toggleClass()方法在元素中添加或删除指定的样式名称 // 例如将id元素的元素切换为类名active的样式 $("#element").toggleClass("active"); // hasClass()方法用于检查元素是否包含指定的样式名称。该方法返回一个布尔值 // 例如当id元素包含类名active的样式时,返回true $("#element").hasClass("active");
上面的方法使用起来非常方便。我们只需要传入指定的样式名称即可进行相关操作。