New サムネイル CSSでプレースホルダー(placeholder)の色を変える:ベンダープレフィックスをカンマつ New サムネイル GolangでGoogle Cloud Storageに画像やファイルをアップロードする(os. New サムネイル GoでMySQLやMariaDBのtimestampを読みこむ:データベース接続時に?parse

JavaScriptでjQueryのshowとhideをつくる

広告

jQueryを使わないで要素を消したり表示したりするには、JavaScriptのstyle.displayを使います。

function hide(array) {
    array.forEach(function (id) {
        document.getElementById(id).style.display = 'none';
    })
}
function show(array) {
    array.forEach(function (id) {
        document.getElementById(id).style.display = 'block';
    })
}

jQueryのhideとshowをJavaScriptでつくると上のようになる。上の関数は配列を引数にしているので

hide(['buttonID1', 'buttonID2']);
show(['div1', 'div2']);

と呼びます。本当は引数が存在するかどうかなどをチェックするべきですが、上の関数がshowとhideの基本形になるでしょう。ちなみに、例えば下のように大カッコを抜くとうまくいきません。

hide('buttonID1', 'buttonID2');
show('div1', 'div2');

広告

広告

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会

Python入門

Python入門

化学入門

化学入門

漢字辞典

漢字辞典

整数辞典

漢字辞典

Lord Candy

Lord Candy