2024年12月10日 jQuery セレクタ 拡張セレクタ jQueryにはCSSには存在しない独自のセレクタがあります。「:animated」はjQueryの拡張機能であり、アニメーションが実行中の要素を取得するセレク... カテゴリー JavaScript/jQuery/セレクタ
2024年12月10日 jQuery セレクタ 属性のセレクタ さまざまな方法で要素の属性値を調べ、マッチする要素を見つけてくれ るのが、これらのセレクタ群です。 まず、最も単純な属性名だけのセレク タ 「$(‘... カテゴリー JavaScript/jQuery/セレクタ
2024年12月10日 jQuery セレクタ フォームのセレクタ jQueryでは、フォーム要素に対しても、様々なセレクタが用意されています。:inputは、フォーム内のすべてのコントロールにマッチします。:inputは、フォ... カテゴリー JavaScript/jQuery/セレクタ
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