JavaScript/jQuery "Uncaught TypeError"类列表

Question

我已经搜索了答案，但什么也没找到。所以，如果您认为这是重复的，请告诉我，我会将其删除，谢谢。

当我写类似 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");
}

提前感谢大家，祝您有美好的一天。

Answer 1

你应该尝试这个:

$('p')[0].classList.add("purple");

或者这个:

$('p').addClass("purple");