「脱jQuery」 生JSで.is()のように要素が条件に合うかどうか判定する
今回は条件に合うかどうかを判定して true
か false
を返す .is()
関数を生JSで実装します。
jQuery
$('.selector').is('.active');
例えば、 .selector
要素が .active
クラスを持っていたら true
を返します。
生JS
function is(node, selector) {
return (node.matches || node.msMatchesSelector).call(node, selector);
}
IEは matches
には対応していないので、プレフィックスつきの非標準な msMatchesSelector
を使っています。
is(document.querySelector('.selector'), '.active');
こんな感じで使うことができます。
CSS本執筆しました!!!
CSS本出します!1/29発売予定
— たかもそ@CSS本1/29発売!! (@takamosoo) 2018年12月31日
自分がCSS学びたての頃にもっとはやく知りたかったテクニックを載せています。CSSの基礎知識について解説していないので、中級者〜向けとなります。CSS入門書を読んではみたものの、思い通りに作れない人にオススメです。
よろしくお願いします。https://t.co/fkz1dM03Pj pic.twitter.com/suYyaPqwIs