jQuery用の IntelliSense を使ってみよう

Section 3 IntelliSense

jQuery 用の IntelliSense を使用すると、入力内容に応じてセレクターと jQuery アクションを一覧から選択できます。また、jQuery ステートメントに関するヒントも表示されます。

Part 4　jQuery 用 IntelliSense の使用

概要

Expression Web 4 には、jQuery 用の IntelliSense が組み込まれているため、Web ページや JavaScript (.js) ファイルのソースコードを直接処理する際に、jQuery の作成を効率化できます。

たとえば、jQuery ステートメントを書き始めた後で Ctrl キーを押しながら L キーを押すと、セレクターがアルファベット順で一覧表示されます。

jQuery ステートメント内で「.」と入力すると、jQuery アクションがアルファベット順で一覧表示されます。

アクションを選択して「(」と入力すると、その jQuery アクションのヒントが表示されます。

Expression Web 4 SP2から、スニペットパネルが画面の右上、ツールボックスパネルの隣に配置されるようになりました。

この中でjQuery用のスニペットが用意されています。

たとえば、jQuery UIのアコーディオンウィジットを実装するには、http://jqueryui.com/demos/accordion/ を参照し、必要な外部JSファイルとCSSファイルをダウンロードしてください。

テーマは http://jqueryui.com/download の右上のThemeドロップダウンから選択するか、カスタマイズしてダウンロードを行ってください。

<head>と</head>の間にカーソルを置き、［スニペット］パネルの［jQuery］の［一般］フォルダーの中から［jQuery スクリプトのリファレンス］をダブルクリックします。

INDEX

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください！