カテゴリー: 未分類

jQueryを使って非表示にするには

<div id="box1" class="box">this is box1.</div>
<div id="box2" class="box">this is box2.</div>
<div id="box3" class="box">this is box3.</div>

id指定だと

$('#box1').hide();

boxクラスで全部非表示にだと

$('.box').each( function() { $(this).hide(); } );

シンプルにこれでもいい

$('#box1').css('display', 'none');
$('.box').each( function() { $(this).('display', 'none'); } );

CSS3&jQueryで作る スマートフォンサイトUI図鑑 (WEB PROFESSIONAL)

posted with ヨメレバ

礒田優,久保知己,近藤直人,早川稔,宮田優希 KADOKAWA/アスキー・メディアワークス 2015-02-20

Amazon

Kindle

楽天ブックス

7net

jQueryでDOMの存在を確認してみたメモ

if ($('#sample').length > 0) {
  // ある
} else {
  // ない
}

length使うとよさそうです

CSS3&jQueryで作る スマートフォンサイトUI図鑑 (WEB PROFESSIONAL)

posted with ヨメレバ

礒田優,久保知己,近藤直人,早川稔,宮田優希 KADOKAWA/アスキー・メディアワークス 2015-02-20

Amazon

Kindle

楽天ブックス

7net