jQueryでDOM操作する際の基本記述を勉強し直してみたよ。
久し振りにJavaScriptを触ったら物凄く忘れていたので、まずはjQueryの基本記述をもう一度勉強し直してみました！DOMを操作する事って多々あると思いますので、ある意味チートシートのように見て頂くと嬉しいです。DOM以外にも偶数処理やクローン等も載せておきます。 親要素を取得する方法 まずは親要素の取得系からいきましょー。 一つ上の親要素取得 jQuery // 一つ上の親要素取得 $(".hoge").parent(); // 要素がdivなら取得する。divでなければ空(Objectは返ってくる) $(".hoge").parent("div"); 親全取得 jQuery // 親全取得 $(".hoge").parents(); // 親を指定して取得 $(".hoge").parents(".class_name"); 開始要素から最も近い親要素を選択 jQuery //
DOMメソッド｜DOM（Document Object Model）: Element｜JavaScript/DOM｜PHP & JavaScript Room
<form action="#"> <select id="pulldown"> <option value="" selected>---------</option> </select> <input type="button" value="プルダウン生成" onclick="fCreatePulldownMenuA()" /> </form> <script type="text/javascript"> function fCreatePulldownMenuA(){ var todofuken=["---------","北海道","本州","四国","九州","沖縄"]; var selObj=document.getElementById("pulldown"); var length=selObj.childNodes.length-1; if(length>0){ /*
七章第四回 ノードをまとめて扱う：DocumentFragment — JavaScript初級者から中級者になろう — uhyohyo.net
七章第四回 ノードをまとめて扱う：DocumentFragmentこのページの最終更新日：2018年7月29日 今回解説するのは、DocumentFragmentというものです。これは、題名の通り、複数のノードをまとめて扱うのに必要なものです。 実はこれはノードの一種です。つまり、「テキストノード」とか「要素ノード」とかと同じように、「DocumentFragment」という種類のノードがあるのです。 ノードの一種だから、appendChildなどで子ノードを追加したり、あるいはcloneNodeでDocumentFragment自身をコピーしたりもできます。 このDocumentFragmentはどういった意味を持つノードなのかということですが、典型的な説明としては「小型のdocumentのようなものである」とされます。 つまり、DocumentFragmentは、ひとつの独立した木構造
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
