今日はタグにあるテキストを変更する方法について調べましょう。
pタグの中にhelloというテキストがあったらtext()を利用してkonnicnihaに変更することができます。
では、やってみましょう。
<p class="change_greeting">hello</p>
$('.change_greeting').text('konnichiha');
こうしたら change_greetingにあるテキストはkonnichihaに変更されます。
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>EVERDEVEL :: jQuery</title>
<script type="text/javascript"
src="https://code.jquery.com/jquery-2.1.0.min.js">
</script>
<script>
$(function(){
$('.change_greeting').text('konnichiha');
});
</script>
</head>
<body>
<p class="change_greeting">hello</p>
</body>
</html>
コード実行ボタンを押して結果をみてください。
helloじゃなく konnichihaが出力されました。
text()ただこれだけ使うんだったら、タグにあるテキストを取得します。
text()の 中にテキストを書くとそのテキストに変更されます。
逆に何も書かないとそのタグにあるテキストを取得します。
아래는 클래스 hello감싸는 텍스트hello를 jquery의 text()가 값을 가져와서 alert창으로 띄워주는 소스 입니다.
したのソースは helloタグにあるテキストをalert()窓を利用し出力するソースです。
<p class="hello">hello</p>
var i = $('.hello').text();
alert(i);
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>EVERDEVEL :: jQuery</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.0.min.js">
</script>
<script>
$(function(){
var i = $('.hello').text();
alert(i);
});
</script>
</head>
<body>
<p class="hello">hello</p>
</body>
</html>
text()について勉強しました。
次はhtml()です。
ご覧くださってありがとうございます。お問い合わせと間違い説明はある場合、下にあるコメントにお願いいたします。
コメント 0個
並べ替え
