JavaScript– category –
-
jQueryで指定要素の前に要素を追加する方法(prepend,before)
本記事では、jQueryで指定要素の前に新しい要素を追加するprepend()・prependTo()・before()・insertBefore()の使い方と違いについて解説しています。 【prepend()メソッドの使い方】 prepend()メソッドの使い方は以下のとおりです。 $("要素名"... -
jQueryで親要素を追加する方法(wrap,wrapAll,wrapInner)
本記事では、jQueryで親要素を追加するwrap・wrapAll・wrapInnerの使い方と違いについて解説しています。 【wrapメソッドの使い方】 wrapメソッドは、$("要素名")で指定した対象の要素に対して新しく親要素としてタグを追加し要素を囲います。対象の要素が... -
jQueryで指定要素の後に要素を追加する方法(append,after)
本記事では、jQueryで指定要素の後に新しい要素を追加するappend()・appendTo()・after()・insertAfter()の使い方と違いについて解説しています。 【append()メソッドの使い方】 append()メソッドの使い方は以下のとおりです。 $("要素名").appe... -
jQueryで兄弟要素を取得する方法【siblings(),next(),prev()】
本記事では、jQueryでsiblings()・next()・nextAll()・prev()・prevAll()を使って兄弟要素を取得する方法について解説しています。 【サンプルコード】 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-... -
jQueryで親要素・祖先要素を取得する方法【parent(),parents(),closest()】
本記事では、jQueryでparent()・parents()・closest()を使って親要素・祖先要素を取得する方法について解説しています。 【サンプルコード】 以降の解説では、下記のHTMLを使用します。自分のパソコンでコードを実行させながら確認したい人は下記のコード... -
【jQuery】最初・最後・n番目・偶数・奇数の要素を取得する方法
本記事では、jQueryで最初・最後・n番目・偶数・奇数の要素を取得する方法について解説しています。 【サンプルコード】 以降の解説では、下記のHTMLを使用します。自分のパソコンでコードを実行させながら確認したい人は下記のコードをコピペしてお使いく... -
【jQuery】children(),find()で子要素と孫要素を取得する方法
本記事では、jQueryで子要素と孫要素配下を取得する時に使うchildren()メソッドとfind()メソッドの使い方について解説しています。 【直下の子要素を取得する】 直下の子要素を取得するには、children()メソッドを使います。使い方はchildren()の引数にセ... -
jQueryをCDNで読み込む方法を徹底解説
本記事では、jQueryをCDNで読み込む方法についてサンプルコードを用いて分かりやすく解説しています。 【jQueryの導入】 jQueryを導入するには、2つの方法があります。1つ目が公式ページからjQueryを動かすために必要なファイルをダウンロードする方法、2... -
jQueryで要素を取得する方法(id、class、タグ、属性、入れ子)
本記事では、jQueryでid名・class名・タグ名・属性・入れ子要素を取得する方法について解説しています。 【要素を取得する方法】 id名 id名で要素を取得するには以下のように記述します。 <p id="text">サンプル</p> <!-- ←この... -
【JavaScript】HTMLCollectionとNodeListの違い
本記事では、JavaScriptのHTMLCollectionとNodeListの違いについて解説しています。 【HTMLCollectionとは？】 HTMLCollectionとは、「document.getElementsByClassName()」や「document.getElementsByTagName()」などで取得することができる配列風オブジ...
