Javascript 在没有jQuery库的情况下使用jQuery悬停？

有没有办法使用以下代码：

$(document).ready(function () {

    $('sd').hover(function() {
      $(this).addClass('a');
    }, function() {
      $(this).removeClass('a');
    });
});

---

在我的代码中不包含jquery文件？例如，有没有一种方法可以用纯javascript做完全相同的事情？

当然，根据以下答案修改：

---

jQuery是javascript，所以你可以看看这个没有jQuery的[link]Google文档，添加删除类javascript，鼠标悬停。tadai如果您担心“浪费”它将占用的资源量，那么您需要一个新的主机/服务器…@Zen8000k，因为除了最大规模的环境外，所有环境中的资源使用差异都可以忽略不计，jQuery考虑了许多兼容性问题，等等，您可能需要进行其他测试。另外，绝大多数访问您网站的用户在浏览器缓存中已经有了jQuery，这是一个不错的选择。如果您对JS还不够了解，需要先问这个问题，那么您在一个环境中工作的可能性是难以置信的，在这个环境中，通过包含jQuery“浪费资源”会产生任何相关影响。+1甚至window.onload！=$（document）.ready（）是的，这不一样，但我不想为这个小项目复制80行jquery源代码。window.onload已关闭，但“全局”鼠标悬停将在每次鼠标悬停页面上的任何内容时引发函数调用。这太糟糕了。我应该粘贴jquery源代码作为答案。按照你的措辞，我以为你指的是一些我从未听说过的新js库。不应该做谷歌搜索。

window.onload = function() {
    var elements = document.getElementsByTagName('sd');
    for (var i in elements) {
        if (!elements.hasOwnProperty(i)) continue;
        elements[i].addEventListener( 'mouseover', function() {
            this.className += 'a';
        }
        elements[i].addEventListener( 'mouseout', function() {
            this.className = this.className.replace( /(?:^|\s)a(?!\S)/g , '' );
        }
    }
}