WEBサイトで特定の要素を見えなくする【jQuery】

jquery

ブログとかで、記事内にある特定の要素を見えなくしたいけど、記事が多すぎて大変!なんていう時に便利な方法です。

これが使える条件は、idかclassがついているものです。

$(function(){

    //hogeclassというclassの要素を見えなくする
    $(".hogeclass").css("display", "none");
    
    //hogeidというidの要素を見えなくする
    $("#hogeid").css("display", "none");

});

これで見えなくなりますが、CSSで隠しているだけなので、ソースは残ったままになります。

これをサイトに反映するには、ヘッダーに以下を追加しましょう。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
//ここに上のjQueryを記述する
</script>
SmallMemo SmallMemo
超シンプルなメモアプリです。
関連記事