◆VisualStudio2010でJQueryを使ってみる

VisualStudio2010は標準でJQueryをサポートしているとのことなのでちょっと試してみた。

新しいプロジェクトで「ASP.NET Web アプリケーション」を選択。

ソリューションエクスプローラを見てみると「Scripts」フォルダーの中にJQueryのスクリプトファイルが存在している。

なので、あとはこいつを参照してあげるだけ。

Defaultページに以下のイメージを追加して、

view plainprint?

1. <p>  
2.    <img src="http://www.wings.msn.to/books/978-4-7981-2205-2/978-4-7981-2205-2.jpg" alt="VSImage" onmouseover='anim()' />  
3. </p>  

 <p>
    <img src="http://www.wings.msn.to/books/978-4-7981-2205-2/978-4-7981-2205-2.jpg" alt="VSImage" onmouseover='anim()' />
 </p>

以下のようなスクリプトを書いてみた。

view plainprint?

1. <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>  
2.     <script type="text/javascript">  
3.         function anim() {  
4.             $('img').animate({ width: 200 }, 5000);  
5.         }  
6.     </script>  

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        function anim() {
            $('img').animate({ width: 200 }, 5000);
        }
    </script>

インテリセンスなんかもちゃんと効いて良い感じだ。