今日はhtml()について勉強しましょう。
html()は text()と似てますが、、、
text()はテキストだけ取得しますが、 html()はタグまで取得します。
$('.class_Name').html('<p>hello</p>');
上のようにタグも入れますね。
では、やってみましょうん。
<p class="change_greeting">hello</p>
$('.change_greeting').html('<b>konnichiha</b>');
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>EVERDEVEL :: jQuery</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.0.min.js" ></script>
<script>
$(function(){
$('.change_greeting').html('<b>konnichiha</b>');
});
</script>
</head>
<body>
<p class="change_greeting">hello</p>
</body>
</html>
こう、pタグをbタグに変更することができます。＾＾
イメージを入れてみましょうか？
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>EVERDEVEL :: jQuery</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.0.min.js" ></script>
<script>
$(function(){
$('.change_greeting').html("<img src='https://www.everdevel.com/material/images/main/happyCatHeader.png' />");
});
</script>
</head>
<body>
<p class="change_greeting">hello</p>
</body>
</html>
これで終わりです。ありがとうございます。＾＾
ご覧くださってありがとうございます。お問い合わせと間違い説明はある場合、下にあるコメントにお願いいたします。
コメント 0個
並べ替え
