jQueryのセレクタ。idを指定する方法を解説します![コードで分かりやすく]

jQuery

皆さん、こんにちは!ソウシ(@gomasio2018)と申します。

今回は、jQueryでは基本的な、idの指定をする方法を解説していきます。

例とコードで解説していくので、すぐに理解できると思います!

・ jQueryのidを指定する方法

  ・ コード例

・ jQueryのidを指定する方法[まとめ]



jQueryのセレクタ。idを指定する方法

jQueryのidの指定方法は、とても簡単で$(“#id名”)で指定できます。

コード例

<!--・<略>・-->
<h1 id="title1">肉の種類</h1>
<ul id="meet">
	<li id="beef">牛肉</li>
	<li id="tikin">鶏肉</li>
	<li id="pork">豚肉</li>
	<li id="ramu">羊肉</li>
</ul>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function(){
$("#title1").css("color","red");
});
</script>
<!--・<略>・-->

注目して欲しい部分は、13行目の「$(“#title”).css(“color”, “red”);」の部分です。

初めの$(“#title”)と書くことで、idを指定しています。

今回は、idである「title1」を指定して、cssの「colorプロパティ」を「赤にしろ」という命令を記述しています。

結果は↓

h1タグである「肉の種類」が赤色になっていますね。

✔︎他のセレクタについて

他にも沢山セレクタがあるので、もしよろしければこちらも

jQueryのセレクタ。idを指定する方法[まとめ]

今回は、jQueryでidを指定する方法を紹介しました。

idの指定は、とても簡単で、$(“#id名”)で指定できます。



人気記事プログラミングスクールである「TECH::EXPERT」が素晴らしくオススメな理由[あの有名人も絶賛!]