JavaScript / jQuery“未捕获的TypeError” classList

我一直在寻找答案，但是我什么都没找到。.所以，如果您认为这是重复的话，请告诉我，我会删除它，谢谢。

当我写类似body.classList.add("someExampleClass");控制台的东西时，它就给我Uncaught TypeError: Cannot read property 'add' of undefined。我已经添加了CDN

//cdnjs.cloudflare.com/ajax/libs/classlist/2014.01.31/classList.min.js

但它保留了错误，我已经尝试过使用Chrome和Safari。

那是完整的代码：

的HTML

  <svg height="35" width="35" id="rect1" class="" onmouseover="over()">
      <rect width="35" height="35"/>
  </svg>

JS

function over() {
  $('p').classList.add("purple");
}

在此先感谢大家，并度过美好的一天。