jQueryのメソッド　メモ書き

げんまる/ブロガー

めちゃくちゃある。

$("セレクタ").メソッド(); ⇒メソッドに入れるものとは？

.html(elem);　とか

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>メソッド</title>
</head>

<body>
	
<h1 id="view"></h1>
<h2 class="view2"></h2>
	
		<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
	
<script>
	$("#view").html("HTML");
	$("#view").css("color" , "#ff0000");
	$("#view").css("background-color" , "#000000");
	
	$(".view2").html("HTML2");
	$(".view2").css("color" , "#00ff00");
	$(".view2").css("background-color" , "#0000ff");
	
	
	
</script>
</body>
</html>

↓こんな感じに表示される

FireShot Capture 003 - メソッド -

色々なjQueryのメソッド

$("#view").html("HTML");

ID名　view　に　HTMLで”HTML”の文字を入れる。


$("#view").css("color" , "#ff0000");

ID名　view　に　CSS　で　色を#ff0000　に変える


$("#view").css("background-color" , "#000000");

ID名　view　に　CSS　で　背景を #000000 　に変える


$("#view").hide();

ID名　view　の表示を消す。逆は　show();


$("#view").fadeOut(1000);

ID名　view　をふわっと消したいとき　1000＝１秒
逆は fadeIn(1000);


$("#view").slideUp(1000);

ID名　view　を上から消したいとき。
逆はslideDown(1000)


$("#view").prepend("123");

ID名　view　の上に加される。Twitterみたいな感じ



$("#view").append("ABC");

下に新しく追加される。LINEみたいな感じ


ショートカットキー

$("#view").css("color" , "#ff0000");　を複製したいときは

カーソルを合わせて　ctrl + D　で複製できるよ。

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