2024年12月8日jQuery セレクタ 可視条件のセレクタこれらは、要素の表示状態を利用して抽出条件とするセレクタです。:hiddenはページ上で隠された要素にマッチします。隠されたと判断される条件は、次のようにいくつ... カテゴリー JavaScript/jQuery/セレクタ
2024年12月8日jQuery セレクタ 階層のセレクタこれらは、DOMの階層構造を利用して抽出条件とするセレクタです。「>」を使って表現する「$(‘親>子’)」のセレクタでは、「親」で指定し... カテゴリー JavaScript/jQuery/セレクタ
2024年12月8日jQuery セレクタ 子ノードのセレクタこれらの、「子ノード」に着目して抽出条件とするセレクタです。:first-childと:last-childは、それぞれ:firstと:lastに似ていますが、... カテゴリー JavaScript/jQuery/セレクタ
2024年12月8日jQuery コンテンツの内容によるセレクタcontains()、empty、has()、parentは、要素に含まれる内容によって、マッチする要素を抽出します。:contains()は、与えた引数の文字... カテゴリー JavaScript/jQuery/セレクタ
2024年12月8日jQuery セレクタ インデックスによるセレクタ要素には、出現順に0あkら始まる番号が「インデックス」として割り振られます。:eq、:lt、:gt、:odd、:evenは、インデックスの値に応じて抽出条件を指... カテゴリー JavaScript/jQuery/セレクタ
2024年12月8日jQuery セレクタ 複数のセレクタをまとめて使う指定したセレクタそれぞれにマッチした要素の集合が、1つのjQueryオブジェクトとして返されます。ただし、要素の順番は特に決まっていませんので、ドキュメント内の... カテゴリー JavaScript/jQuery/セレクタ
2024年12月8日jQuery セレクタ 要素HTMLタグから<>を除いたものが、要素セレクタです。ドキュメントの中で該当するタグで記述されたすべての要素にマッチします。 書式 サンプル 要素セレクタ... カテゴリー JavaScript/jQuery/セレクタ
2024年12月8日jQuery セレクタ クラス「.」で始まるセレクタは、class属性で要素を抽出します。id属性では1つのid名を複数の要素に付与できませんが、class属性ではそれが可能となり、1つのク... カテゴリー JavaScript/jQuery/セレクタ
2024年12月8日jQuery セレクタ id「#」はid属性を指定するセレクタです。id属性は、ドキュメント内で必ず一意になるように定義されていなければなりません。つまり、このセレクタでは、選択される要素... カテゴリー JavaScript/jQuery/セレクタ
2024年12月8日jQuery セレクタ「*」全選択DOMのすべての要素を選択します。全要素を調べるため、処理に時間がかかる場合があります。 書式 サンプル すべての要素を選択。サンプルでは、クリックボタンをクリ... カテゴリー JavaScript/jQuery/セレクタ
2024年12月8日jQuery 「removeProp」プロパティを削除する条件にマッチしたDOM要素について、.prop()で設定したプロパティを削除します。checked,disabled,selectedのような、要素がもともと持... カテゴリー DOM操作/JavaScript/jQuery
2024年12月8日jQuery「prop」プロパティを取得・設定する条件にマッチしたDOM要素について、指定したプロパティの値を返します。ただし、複数のプロパティがマッチした場合は、そのうちの「最初の」プロパティだけが対象になり... カテゴリー DOM操作/JavaScript/jQuery
2024年12月8日jQuery 「val」フォーム要素に値を設定するフォーム要素に値を設定します。複数選択可能なオプションリスト(select multiple)やチェックボックスの場合、値の配列を引数として渡して、特定の選択肢... カテゴリー DOM操作/JavaScript/jQuery
2024年12月8日jQuery「val」フォーム要素から値を取得する.val()メソッドは、フォーム要素から値を取得します。複数選択可能なオプションリスト(select multiple)やチェックボックスの場合、.val()メ... カテゴリー DOM操作/JavaScript/jQuery
2024年12月8日jQuery 「text」要素にテキスト文字を設定する条件にマッチしたすべての要素に、引数として与えた文字列を設定します。このメソッドはHTMLドキュメント、XMLドキュメント共に使用可能です。.html()メソッ... カテゴリー DOM操作/JavaScript/jQuery
2024年12月8日jQuery 「text」要素からテキスト文字列を取得する条件にマッチした要素から、テキスト文字列を取得します。複数の要素にマッチした場合、すべての要素のテキスト文字列が連結した状態で返されます。.html()メソッド... カテゴリー DOM操作/JavaScript/jQuery
2024年12月8日jQuery 「html」要素にHTML文字列を設定する条件にマッチしたすべての要素に、引数として与えたHTML文字列を設定します。このメソッドはHTMLドキュメントでだけ有効です。XMLドキュメント上では使えません... カテゴリー DOM操作/JavaScript/jQuery
2024年12月8日jQuery 「html」要素からHTML文字列を取得する条件にマッチした最初の要素に含まれるHTML文字列を取得します。このメソッドはHTMLドキュメントでだけ有効です。XMLドキュメント上では使えません。 書式 サ... カテゴリー DOM操作/JavaScript/jQuery
2024年12月8日jQuery 「wrapInner」要素それぞれの内側に親要素を追加する.wrapInner()は、.wrap()と同様に、条件にマッチした要素を引数で指定した親要素でくるみます。ただし、.wrap()がマッチした要素自体に親要素を... カテゴリー DOM操作/JavaScript/jQuery
2024年12月8日jQuery 「wrapAll」要素をまとめて親要素を追加する.wrapAll()は、.wrap()と同様に、条件にマッチした要素を引数で指定した親要素でくるみます。ただし、.wrap()がマッチした要素それぞれに親要素を... カテゴリー DOM操作/JavaScript/jQuery
2024年12月8日jQuery「unwrap」要素の親要素を削除する.unwarp()は、.wap()の対になるメソッドで、条件にマッチした要素の親要素を削除します。例えば、「<div><p>xxxxxx</p... カテゴリー DOM操作/JavaScript/jQuery
2024年12月8日jQuery 「wrap」要素それぞれに親要素を追加する.wrap()は、.unwrap()の対になるメソッドです。条件にマッチした要素を、引数で指定した親要素でくるみます。例えば、「<p>xxxxxx<... カテゴリー DOM操作/JavaScript/jQuery
2024年12月7日jQuery 「replaceAll」対象要素をすべて置換する.replaceAll()メソッドは、条件にマッチした対象要素を置換内容で置き換えます。同様のメソッドに.replaceWith()があります。両者は基本的に同... カテゴリー DOM操作/JavaScript/jQuery
2024年12月7日jQuery 「replaceWith」すべての対象要素を置換する.replaceWith()メソッドは、条件にマッチした対象要素を置換内容で置き換えます。同様のメソッドに.replaceAll()があります。両者は基本的に同... カテゴリー DOM操作/JavaScript/jQuery
2024年12月7日jQuery 「removeAttr」要素から指定したアトリビュートを削除する.removeAttr()メソッドは、条件にマッチした要素から、指定したアトリビュートを削除します。 書式 サンプル ボタンクリックで編集不可のテキストフィール... カテゴリー DOM操作/JavaScript/jQuery
2024年12月7日jQuery 「attr」要素に対してアトリビュート値を設定するDOM要素の指定したアトリビュートに対して、値をセットします。複数のアトリビュート値を一括して設定したい場合は、引数として「{要素名:値,要素名:値…}」の形式... カテゴリー DOM操作/JavaScript/jQuery
2024年12月7日jQuery 「attr」要素の最初のアトリビュート値を取得する条件にマッチしたDOM要素について、指定したアトリビュートの値を返します。ただし、複数の要素がマッチした場合は、そのうちの「最初の」要素だけが対象になります。マ... カテゴリー DOM操作/JavaScript/jQuery
2024年12月7日jQuery 「empty」要素のすべての子ノードを削除する条件にマッチした要素の階層下にある、すべての子ノードを削除します。要素の下にテキストやイベントハンドラが含まれる場合、これらも削除されます。.remove()に... カテゴリー DOM操作/JavaScript/jQuery
2024年12月7日jQuery 「detach」要素を一時的に削除する.detach()メソッドは.remove()メソッドと同様に条件にマッチした要素をDOMから削除しますが、remove()が要素に関連するイベントハンドラやデ... カテゴリー DOM操作/JavaScript/jQuery
2024年12月7日jQuery 「remove」要素を削除する.remvoe()メソッドは、条件にマッチした要素を、関連するイベントハンドラなども含めて削除します。省略可能な引数には、セレクタを指定して削除対象を絞り込めま... カテゴリー DOM操作/JavaScript/jQuery