本サイトからスピンオフした姉妹サイトです。JavaScript2016年1月21日jQueryの$()関数で、属性やその値を条件に要素を絞り込む方法を解説。条件指定には、属性名のみや、属性値の完全一致/部分一致/複数一致などが指定できる。→$()関数では、特定の属性を持つもの、あるいは属性の値によって、目的の要素を絞り込むこともできます。属性による条件式(=属性フィルター)は、[条件式]の形式で指定します。本稿では、属性フィルターで利用できるさまざまな条件式について解説します。1特定の属性を持つ要素だけを取得する[属性名]の形式で、特定の属性を持つ要素だけを取得できます(値の有無、内容は関係ありません)。以下は、「selected属性を持つ<option>要素」(=デフォルトの選択値)の背景色を変更する例です。selected属性は、いわゆるブール属性(指定されていればtrue)なので、[属性名]の形式で指定するのが適当です。"値"]というフィルターを利用します。以下は、value属性が空である<option>要素にだけ背景色を付与する例です。"値"]フィルターを利用します。試しに、先ほどのリスト2を以下のように書き換えてみましょう。今度は、value属性が空でない<option>要素だけに背景色が付与されます。「value=""」でない<option>要素に背景色を付与3属性値が部分的に一致する要素だけを取得する2では属性値が完全一致する例について触れましたが、部分一致条件で検索することもできます。具体的には、以下のフィルターを利用します。以下は、value属性が「js」で始まる<option>要素に背景色を付与する例です。「value="js~"」である<option>要素に背景色を付与4複数の属性フィルターを組み合わせる[...][...]のように、属性フィルターを連ねることもできます。以下は、value属性が「js」で始まり、かつ、「jq」というキーワードを含んだ<option>要素の背景色を付与する例です。「value="js~jq~"」である<option>要素に背景色を付与ここではvalue属性に対して複数の条件を指定していますが、もちろん、異なる属性に対して条件指定することもできます。※以下では、本稿の前後を合わせて5回分(第35回~第39回)のみ表示しています。INDEX]を参照してください。非同期通信の開始/終了/成功/失敗のタイミングで処理を実行するには?(ajaxXxxxx)jQueryによるAjax通信時に発生する各種グローバルイベントを処理する基本的な方法を、具体的なサンプルを通して説明する。基本セレクターjQueryプログラミングの基本である$()関数による「#id」「element」「.class」セレクターの使い方を解説する。属性フィルターjQueryの$()関数で、属性やその値を条件に要素を絞り込む方法を解説。条件指定には、属性名のみや、属性値の完全一致/部分一致/複数一致などが指定できる。階層セレクターjQueryの$()関数で、複数の要素から構成される階層構造において、ある要素の子要素/子孫要素/直後の要素/以降の要素などを絞り込んで取り出す方法を説明する。基本フィルターjQueryの$()関数でフィルター構文を使い、先頭/末尾の要素や、偶数/奇数番目の要素、n番目/n番目より前や後の要素を取り出す方法を説明する。機械学習エンジニアを目指す人~初中級者のための技術情報サイトです。2023最適なビューへの切り替えを推奨します:スマートフォン用表示に。