jQueryを使ってみる

目的

インターンシップで初めてJavaScript用ライブラリjQueryを初めて触れたので今回のjsはjQueryを使ってみようと思います。

今回の追加

今回はトップページの検索項目について更新を行いました。
主な機能

• カテゴリ別のプルダウン
  • すべて
  • レシピ
  • お酒
• 検索入力画面

こんだけのHTMLとJQueryを書きました

記述内容

今回は別途のJSファイルに記述しました。HTMLでの参照コードはHEADタグに記述する為、$().ready(function(){ })で囲うことでHTMLを読み込み後、処理を実行するようにしました。

// HTMLが全て読み込まれたら実行
$().ready(function(){
    $('#s_top').click(function(){
        var s_cate = $('option:selected').val();
        var s_word = $('#s_word').val();
    });
});

進捗

だめだこりゃ。