jQueryで要素の表示・非表示を判定する方法
jQueryの要素の表示・非表示を判定する方法を紹介します。 １．基本 jQueryでは、要素の表示・非表示のためのメソッドとして、show()とhide()が提供されています。 show()は指定した要素を表示します。 $('#foo').show(); hide()は指定した要素を非表示にします。 $('#foo').hide(); が、表示・非表示を判定する方法として、isShow()やisHide()、isVisible()などは提供されていません。 ２．css('display')で判定する show()はdisplayプロパティ「block」、hide()はdisplayプロパティを「none」にするので、これを判定に利用します。 if ($('#foo').css('display') == 'block') { // 表示されている場合の処理 } else { // 非表示
第4回 要素の操作＆ユーティリティ編
<style type="text/css"> .self { background-color:Yellow; } .sib { border: solid 1px Blue; margin: 5px } </style> ……中略…… <script type="text/javascript"> $(function() { $('div#self'). // <div id="self">要素を取得 prepend('<div class="sib">兄</div>'). // 子要素先頭に追加 append('<div class="sib">弟</div>'). // 子要素末尾に追加 before('<div>伯父さん</div>'). // 要素の前方に追加 after('<div>叔父さん</div>'); // 要素の後方に追加 }); </script> ……中略…
jQuery「.children()」で子要素と孫要素の値を取得する方法｜BLACKFLAG
うまくいったと思い込んで何度も失敗していた jQueryで子要素と孫要素の値を取得する方法のメモ書き。 jQueryで自分の子要素の値を取得する「.children()」。 この関数は子要素のみで孫要素までは見てくれない。 ◆例 ————————————————————— <div id=”aaa”>【親要素】 <div id=”bbb”>【子要素】 <div id=”ccc”></div>【孫要素】 </div> </div> ——————————————————————– ※親要素「id=”aaa”」からは「id=”bbb”」までしか対象にならない。 先日のエントリー「jQueryでCSSクラス名を判別して条件分岐させる方法：追記」では 「親要素＋*（アスタリスク）」で孫要素までの取得をうまくいくと思ってましたが、 この場合は孫要素は見るが、逆に子要素を見なくなっていることが判明。。。
jQueryでthisの子要素を取得するやり方いろいろ | Base Views
公開 2010年6月6日（日） 更新日 2014年8月18日（月） スポンサーリンク jQueryを使っていて、thisとその子要素を同時に指定したい場合がある。 結構いろんなやり方があるみたいで、取りあえず使いやすそうなので下の3通り。 $("hoge",this) $(this).children("hoge") $(this).find("hoge") 一番上がシンプルでいいかと思うんですが、取得したいthis直下の要素名をthisの手前に書くんですね… 使いどころは多そうですが、例えば下みたいなの。「Click1」をクリックしたらその直下の<div>が隠れるようにしたい場合とか。 <ul> <li>Click1 <div> <h2>Menu1</h2> <p>text1</p> </div> </li> <li>Click2 <div> <li>Menu2</li> <li>tex
jQueryでIDを付与したhiddenの値を取得・設定
PHP,cakePHP,Office,Adobe製品,Javascript,PHPプログラム,Javascriptプログラムのサンプルなど、お仕事効率化を図るためのTips集。 <input type="hidden" name="hoge" id="hoge" /> Formでhidden値を指定することがありますよね。まれに、hidden値を取得または設定することもあります。 そんな時、便利なのがjQueryでの処理です。 //取得 var str; str = $("#hoge").val(); //設定 $("#hoge").val("hogehoge"); jQueryはたいへん扱いやすいため重宝します。 ajaxを実現するには欠かせない存在になってきているような気がします。
jQuery親要素、子要素、兄弟要素取得のまとめ
※各メソッドにかいてある[条件]ってのは、タグ名やid、クラス名を指定するってことです。 条件を入れると、条件にあったものだけが取得されるようになります。 例：$(elem).parent("div.class-name, #id"); 通常のJavaScriptでの要素取得方法は→[JavaScript] 親要素・子要素・兄弟要素の取得方法 ■親要素の取得 □parent([条件]) 親要素の取得。 すぐ上の親要素のみ。さらに上の先祖要素にはさかのぼらない。 $(elem).parent("div"); 親要素がdivだったら親要素が取得できる。divじゃなければ空。 □parents([条件]) parent()と違い親より上の先祖要素までさかのぼる。 $(elem).parents(".class-name"); class-nameというクラス名がついた先祖要素のみ取得 □clos
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
thisの子要素の取得方法 - purazumakoiの[はてなブログ]