Question

这是我的脚本：

我想将其转换为纯JavaScript，因此我不必使用jQuery。

if ( $('#movie.playing').length ) {

    $('.settings').click();

    $('<style> .element { display: none; } </style>').appendTo(document.head);

    $('.item').click(function() {
        if ($(this).text().trim() === "Ann") {
            if ($(this).attr('aria-checked') == 'true') {
                $('.element').css('display', 'block');
            } else {
                $('.element').css('display', 'none');
            }
        }
    });

}

这是我到目前为止所拥有的：

var movie = document.querySelector("#movie_player.playing-mode");
if ( movie ) {

    document.querySelector(".settings").click();

    var style = document.createElement("text/css");
    style.styleSheet.cssText = ".element { display: none; }";
    document.head.appendChild(style);

    document.querySelector(".item").click(function() {
        /* what do I do with this part? */
        if ($(this).text().trim() === "Ann") {
            if ($(this).attr('aria-checked') == 'true') {
                $('.element').css('display', 'block');
            } else {
                $('.element').css('display', 'none');
            }
        }

    });

}

我不知道如何转换if语句，在单击带有文本“Ann”的按钮时，它会将元素从display: block切换到none，反之亦然。

Answer 1

$（selector）= document.querySelector（selector）
$（selector）.click（）= document.querySelector（selector）（可能先缓存元素）.addEventlistener（eventType，fn）
css stuff可以添加为'class'，如el.classList.add（someClassName）。

<强>更新

最好通过JavaScript | MDN获取基础知识。个人比jQuery容易。

将jquery脚本转换为纯javascript

1 个答案: