jQueryの文法　学んだこと

げんまる/ブロガー

セレクタ　⇒　メソッド　⇒　イベント

何に対して⇒　どのようなことを⇒　どのタイミングで

例

$("#email").on("click",function(){
       $("emali").html("HTMLや文字列");
});


​セレクタとメソッドが基本。

マウスオーバーやクリックしたタイミングで変えたいときは「イベント」で変える。


セレクタ

・CSSセレクタの互換の記述が可能。

#id 　　⇒　$("#id名")

.class　　⇒　$(".class名")

Element　　⇒　$("element名")

[name=a]　　⇒$("[name=a]")


セレクタの例文


<body>
	<h1 id="view"></h1>
	
	<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script>
	$("#view").html("ABCDEFG");
	
	
</script>
		
</body>

$("#view").html("ABCDEFG");　は　idのviewってところに HTMLで　ABCDEFGを入れてくれ　という指示。


ショートカットキー　おまけ


h1#view　＋　Tabキーで

<h1 id="view"></h1>

のようにidを振ってくれる。

この記事が気に入ったらサポートをしてみませんか？