現場で役立つ実践的な情報を備忘録としてまとめました

JavaScriptのTips

投稿日：2019年5月12日

valメソッド、htmlメソッド、textメソッド

.html(): 引数をHTMLとして書き換え。タグが有効になる。
.text(): 引数を文字列として書き換え。タグはエスケープされて無効になる。
.val(): 引数をvalueとして書き換え。

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

<dev id='html'></dev>
<dev id='text'></dev>
<input id='val' value='none'>

<script>
  $('#html').html('<b>太字になる</b>');
  $('#text').text('<b>太字にならない</b>');
  $('#val').val('書き換え');
</script>

$('#html').html('<b>太字になる</b>');

$('#text').text('<b>太字にならない</b>');

$('#val').val('書き換え');

</script>

.htmlと.textと.valで混乱したので整理する

.html() | jQuery 1.9 日本語リファレンス | js STUDIO

-javascript, WEB, WEBフロントエンド開発

執筆者：kei

: HTML5についてのメモ書き

FileSystem API HTML5 FileSystem Explorer Chromeの拡張機能に「HTML5 FileSystem Explorer」というツール ...

: Apache2のモジュール設定

Apache2のモジュール設定について Apache2はデフォルトでGCIモジュール（CGID）が無効になっている。 Apache2のモジュールの有効化／無効化の設定は、a2enmodコマンド(有効化 ...

: JavascriptのEventオブジェクトについて

１．function(e) {} の引数eの意味合い引数eはイベントオブジェクトです。イベントハンドラ、イベントリスナとして設定したコールバック関数が受け取ることができる。 JavaScriptの関 ...

: TypeScriptとSystemJSを使ったWEBフロントエンド開発

当セクションでは前回の『SystemJSを使ったWEBフロントエンド開発』をもとに具体的なプロジェクトを作成して、モジュール管理ツールとしてのSystemJSの機能を把握したいと思います。以前に紹介し ...

: （webpack2）TypeScriptとWebpackを使ったWEBフロントエンド開発

当セクションでは前回の『Webpackを使ったWEBフロントエンド開発』をもとに具体的なプロジェクトを作成して、webpackの機能を把握したいと思います。使用するパッケージはwebpack2になりま ...