読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 ハロートレーニング 受講生のためのWebデザインの勉強補足ブログ

jQuery基礎 - まとめ(内容や属性を変更する)

jQuery

text / html

  • 要素の内容をまるごと書き換えるメソッドです
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>jQuery sample</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<div id="div1">入っていたテキスト</div>
<div id="div2">入っていたテキスト</div>
<div id="div3">入っていたテキスト</div>
<div id="div4">入っていたテキスト</div>
<script>
$(function(){
  $('#div1').text('textメソッドでの内容書き換え');
	$('#div2').html('htmlメソッドでの内容書き換え');
	$('#div3').text('<strong>textメソッド</strong>での内容書き換え');
	$('#div4').html('<strong>htmlメソッド</strong>での内容書き換え');
});
</script>
</body>
</html>

empty

  • 要素の中身を空っぽにするメソッドです