When it’s ready.

出来るまで出来ない

NoBody NoTrouble

id:MichiluJQueryを多段で仕込める事を聞いたので、やってみた。
jsのライブラリは、JQueryを使った。他のライブラリを使う気がしない。
(調べるのもメンドクサイし、シンプルだし、困らないから。)

  1. "body" に "div" を仕込む
  2. 仕込んだ "div" のIDに適当に文字列を流し込んでみる。

ファイルの配置等


こんな感じにしてみた。

ソース等

$(function(){
  //alert('test');
  $('body').html('<div id=test></div>');
  $('#test').html('this is test.');
  
});

というJSファイルを書いてみた。

<html lang="ja">
<head>
	<title>untitled</title>
	<src="./js/jquery-1.2.3.min.js" type="text/javascript"></script>
	<script src="./js/sample.js" type="text/javascript"></script>
</head>
  <body>

  </body>
</html>

全然普通に動く!!当たり前かも知れないけど、ちょっと感動した。これで、いっさいHTMLを弄らなくてもいい。を書かなくて良いので面倒もない。しかも、色々動的に弄れるようになったと思う。

もっと、アトリビュートやら、チェーンの書き方を覚えていきたい。