Javascript与querySelectorAll一起悬停

这样的事情是如何运作的：

function getElements(attrib) {
    return document.querySelectorAll('[' + attrib + ']');
}

$(window).load(function () {
    $(".b1").hover(function () {

        $(this).className = 'x';

        var elements = getElements('code');

        for (var i = 0; i < elements.length; i++) {
            if (elements[i] == 'wow') {
                elements[i].className = 'blue';
            } else {
                    elements[i].className = 'red';
            }
        }

    }, function () {
        $(this).className = 'y';
    });
});

函数getElements（attrib）{ returndocument.querySelectorAll（'['+attrib+']'）； } $（窗口）。加载（函数（）{ $（“.b1”）.hover（函数（）{ $（this.className='x'； var elements=getElements（'code'）； 对于（var i=0；i

我想将鼠标悬停到“按钮悬停”，然后用不同颜色的“哇”和“lol”显示这些元素，并用atributes“code”

---

提前问候和感谢

这个版本怎么样：

function getElements(attrib) {
    return $('[' + attrib + ']');
}
$(window).load(function () {
    $(".b1").hover(function () {
        $(this).className = 'x';
        var elements = getElements('code');
        getElements('code').addClass('red').filter('[code="wow"]')
        .removeClass('red').addClass('blue');
    }, function () {
        $(this).className = 'y';
    });
});

或者更好：

var elements = getElements('code'),
    wow = getElements('code').filter('[code="wow"]').addClass('blue');
elements.not(wow).addClass('red');

---

那么，您的代码有什么问题？为什么不在其他方面使用jQuery呢？基本上，所有这些代码都是一个很大的语法错误，请阅读jQuery文档，然后从小处着手。“它不起作用”是一个无用的错误描述。如果它起作用，我想你不会在这里发帖。如果你想要纯js版本，我相信

$（这个）.className='x'

应该是

this.className='x'。