Jquery添加与删除元素的class名

尝试了一下在新的主题中使用jquery，绑定点击动作来添加与删除元素的类名，使用下来感觉确实非常方便。虽然随着各种前段框架的流行，jquery的影响力逐渐减退，但对于博主这种菜鸟来说，还是觉得惊为天人。

用jquery添加classname

添加单个类名；

$('#searchsubmit').addClass('focus');

添加多个类名；

$('#searchsubmit').addClass('focus show');

通过classname选定时会同时对多个对象添加类名；

$('.searchsubmit').addClass('focus show');

想对多个对象中的第一个添加类名的情况；

$('.searchsubmit:first').addClass('focus show');

用jquery删除classname

使用基本与addClass相同，不另行记录实例了，因为是想要在输入框失去焦点的时候删除类名，这里做了一个判断，当输入框内包含用户输入时则不删除类名：

$('#s').on('blur',function(){
    if($('#s').val()==='')$('#searchsubmit').removeClass('focus');
});

适合用于实现开关效果的toggleClass

toggleClass会检测当前指定的元素，如果已经包含了提供的类名，则删除掉该类名，如果没有则添加所提供的类名。很适合用来实现点击实现开关的效果：

$('body').toggleClass('blur');