WebTips


Top / jQuery / 基本

jQuery/基本


  1. <script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
  2. <script type="text/javascript">
  3. $(document).ready(function(){
  4.   //ページが読み込まれたときの処理をここに書きます
  5.   $("#hoge").html("Hellow World!!");//id=hogeを Hellow World!! に書き換えます。
  6.   $("#hoge").css({ fontSize: "30px", color: "orange", textAlign: "center"});
  7.   //id=hogeのフォントサイズを30pxでオレンジで中央表示にします。
  8. });
  9. </script>
  10. <div id="hoge">ここに書き込まれます。</div>
ここに書き込まれます。
  1. jQueryライブラリを読み込みます。
  2. $(document).ready(function(){});はページが読み込まれたら起動する関数です。
  3. $("#hoge")は、# id のhogeをさすDOMオブジェクトです。html()はinnerHTMLにあたるメソッドです。
  4. css()はcssの値を取得したり設定したりするスタイルシート関連のメソッドです。

トップ   差分 バックアップ リロード   一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2009-10-29 (木) 00:30:44 (316d)