要修改一个元素的class名称，你可以使用以下几种方法：

使用Shift + F6快捷键

在大多数IDE中，选中文件后，使用Shift + F6快捷键可以直接修改class文件名。

通过右键菜单修改

选中类名后，右键单击在弹出的选项菜单中选择修改类名即可。

使用jQuery

通过id获取对象：

```javascript

var element = $('elementId');

element.attr('class', 'newClassName');

```

通过class获取对象：

```javascript

var elements = $('.className');

elements.attr('class', 'newClassName');

```

替换class名：

```javascript

$('elementId').removeClass('oldClassName').addClass('newClassName');

```

或者使用`toggleClass（）`方法在多个class之间切换：

```javascript

$('elementId').toggleClass('oldClassName newClassName');

```

或者直接设置成新的class：

```javascript

$('elementId').attr('class', 'newClassName');

```

使用原生JavaScript

通过id获取对象：

```javascript

var element = document.getElementById('elementId');

element.className = 'newClassName';

```

通过class获取对象：

```javascript

var elements = document.getElementsByClassName('className');

for (var i = 0; i < elements.length; i++) {

elements[i].className = 'newClassName';

}

```

移除class：

```javascript

element.classList.remove('oldClassName');

```

添加class：

```javascript

element.classList.add('newClassName');

```

替换class名：

```javascript

element.className = 'newClassName';

```

根据你的具体需求和使用的工具，可以选择最适合的方法来修改class名称。如果你已经在项目中使用了jQuery，那么使用jQuery的方法会更加方便和简洁。如果没有使用jQuery，那么原生JavaScript的方法也是一个很好的选择。