ページをスクロールしたらあるクラスが表示されると同時に他のクラスは暗転する操作がしたい

やりたい事

ポートフォリオを作成しており、そのサイト内である値の範囲でスクロールした場合に特定のクラスが表示され、同時にそのクラス以外の全ての要素にjQueryでaddClassして、追加したクラスに対してcssにbrigthness(50)を行う事で明るさを半減したい。

エラー
特定のクラスが表示されることは成功したが、そのクラス以外に対して明るさを半減させる方法は失敗した。
以下に確認できたエラーメッセージを表示します。

主に問題になっていた部分（javascript）

// クラスの指定 const input_page = document.querySelector(".input_page"); // ウィンドウの監視 const scroll = window.pageYOffset; // ページのスクロール量が一定の時の条件分岐 if (scroll > 500 && scroll < 1000) { // 透明度を１にする input_page.style.opacity = "1"; // console.log(scroll); $(':not(".input_page")').addClass("any"); $("any").css("{brightness}"); } else { // 透明度を０にする input_page.style.opacity = "0"; // console.log(scroll); } });

試したこと
・いろいろデバックする中で、常に上のスクショのエラー箇所が問題になっていたので、
$('not(".input_page")').addClass("any");
にしてみたができない。
・また、addclassではなく透明度をゼロにする操作で指定以外の要素にフィルターを付けようとした。
not(input_page).style.opacity = "0.5";
しかし同様なエラーが続いた。

参考
・githubのリモートのportforio
https://github.com/zero-penguin/portfolio