.net column
.NET開発者のためのブログメディア

DNSイメージ

jQueryでの複数要素をselectorでor指定する方法とは?正しくselectorでor指定をしよう!

2021年05月18日
SE
jQueryでの複数要素をselectorでor指定する方法はありますか?
PM
3種類のor指定する方法があります。

jQueryでの複数要素をselectorでor指定する方法とは?


今回は、jQueryでの複数要素をselectorでor指定する方法について説明します。
ここでは、以下について紹介します。

・html要素のor指定
・classのor指定
・idのor指定
・nameのor指定

jQueryでの複数要素をselectorでor指定する方法に興味のある方はぜひご覧ください。

html要素のor指定

jQueryでのhtml要素のor指定方法を紹介します。htmlは以下のように記述します。

jQueryは以下のように記述します。

実行結果は以下のようになります。

See the Pen
jquery_selector1
by kskumd (@kskumd)
on CodePen.


指定したhtml要素のボーダー色が設定されていることが分かります。

classのor指定

jQueryでのhtml要素のor指定方法を紹介します。htmlは以下のように記述します。

jQueryは以下のように記述します。

実行結果は以下のようになります。

See the Pen
jquery_selector2
by kskumd (@kskumd)
on CodePen.

idのor指定

jQueryでのidのor指定方法を紹介します。htmlは以下のように記述します。

jQueryは以下のように記述します。

実行結果は以下のようになります。

See the Pen
jquery_selector3
by kskumd (@kskumd)
on CodePen.

nameのor指定

jQueryでのnameのor指定方法を紹介します。htmlは以下のように記述します。

jQueryは以下のように記述します。

実行結果は以下のようになります。

See the Pen
jquery_selector4
by kskumd (@kskumd)
on CodePen.

SE
html要素、id、nameの3種類のor指定する方法があるんですね。
PM
この解説をもとに、ぜひ試してみてください。

まとめ

いかがでしたでしょうか。jQueryでの複数要素をselectorでor指定する方法について説明しました。
ここでは紹介しませんが、selectorの指定方法には、and指定やnot指定も可能です。

ぜひご自身でソースコードを書いて、理解を深めてください。


.NET分野でのキャリアアップをお考えの方は、現在募集中の求人情報をご覧ください。

また、直接のエントリーも受け付けております。

エントリー(応募フォーム)

Search

Popular

reccomended

Categories

Tags