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

JavaScriptのTips

投稿日：2019年5月12日更新日：2021年4月28日

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で混乱したので整理する

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

執筆者：kei

: （webpack2）webpack-dev-serverを使ったWEBフロントエンド開発

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

: SEO対策のまとめ

SEO対策は良く言われるように、(1)クローラーの巡回フェーズ、(2)ページのインデックス登録フェーズ、(3)検索順位決定フェーズの３つのフェーズで考える必要があるようです。SEO対策は様々なWEBペ ...

: Javascriptのアロー関数について

アロー関数 ES2015(ES6)の新構文の一つ無名関数の省略記法。無名関数とアロー関数とは完全に等価というわけではないため、取り扱いにはいくつかの注意が必要。 =>(矢)を使 ...

: TypeScriptを使った超簡単なWEBフロントエンドの開発環境を構築する

当セクションではTypeScript、Lite-Serverのパッケージを使った超簡単なWEBフロントエンドの開発環境の構築方法を説明したいと思います。開発用のタスクはnpm-scriptsを使用しま ...

: Chromeを使ったAngular-cliのオンラインデバッグの方法について

当セクションでは、angular-cliの開発において、ブレイクポイントを設定するオンラインデバッグの方法について説明したいと思います。ChromeのデベロッパーツールによってTypescriptのソ ...