jQuery と Drupal。レッスン 5。jQuery オンライン計算機、sexy uniform
このビデオでは、jQuery を使用してオンライン計算機を作成する方法を学びます。また、sexy uniform プラグインを接続して、ボタンが見栄え良くなるようにします。
Drupal と jQuery。レッスン 4。jQuery とイベント(events)
このレッスンでは、jQuery のイベント(events)について学びます。また、animate() メソッドについても学びます。これはアニメーションを作成できます。イベントと animate() を使用して、アニメーション化されたフィードバック フォームを作成します。
Drupal と jQuery。レッスン 3。jQuery と CSS
このビデオでは、jQuery の機能を使用して CSS を操作する方法を学びます。
jQueryセレクターとjQueryエフェクト
このレッスンではjQueryセレクターとjQueryエフェクトについて検討します。
セレクター
セレクターの中で、最もよく使用するのはクラスとidです。セレクターはしばしばCSSのセレクターに対応しているため、CSSでセレクターを書くことができれば、jQueryでセレクターを書くことができます。クラスを選択する方法は次のとおりです:
$('.class')
そしてこのようにidを選択します:
$('#id')
DrupalテーマでのjQueryの接続と使用
jQueryは何かを隠す、変更する、移動する、素敵に配置して去るとき、非常に便利なものです。非常に便利で非常にシンプルです。JavaScriptファイルを接続しましょう。ファイルはテーマの.info拡張子のファイルを通じてテーマに接続されます。ファイルを接続するには、テーマファイルに以下の行を追加します:
scripts[] = js/custom.js
ここでjs/custom.jsはテーマ内のJavaScriptファイルへのパスです。
次に、ページが読み込まれた後のjQueryコード実行を定義する必要があります。Drupal 6の場合は十分です:
jQueryとは何か
jQueryとは何か?
jQuery -これは素晴らしいJavaScriptライブラリで、わずか数行のコードで素敵なウェブエフェクトを簡単に作成できます。プロジェクトのサイトに記載されているようにjQuery:
「jQueryはJavaScriptライブラリで、JavaScriptコードを書くことは楽しいべきというモットーです。jQueryは一般的で繰り返されるタスクを処理し、マークアップをクリーンアップしながら、コードを短く、美しく、理解しやすく保ちます。」
あなたは考えるかもしれません:「別のJavaScriptライブラリを使用しないのはなぜですか?」。はい、単にjQueryがいかに簡単で強力かを試してみてください。たとえ前にMooToolsやPrototypeを使用していたとしても
JavaScriptオブジェクト
これはjQueryの学習を開始するために必要な最後のJavaScriptレッスンです。しかし、私が行う最後のJavaScriptレッスンではありません。なぜなら、JavaScriptという言語は非常に広く、私のレッスンで触れたものより多くを持っているからです。
そのため、このレッスンではJavaScript データ型をもう1つ考慮します-オブジェクトです。オブジェクトは配列と比較できます。その要素は変数と関数です。オブジェクト内の変数をオブジェクトのプロパティと呼び、オブジェクト内の関数をそのメソッドと呼びます。PHPのオブジェクトについては、ここで読むことができます:
JavaScriptの配列
このレッスンではJavaScript のもう1つのデータ型である配列について検討します。また、文字列と配列を操作するための関数について検討します。残りの関数は次のレッスンで検討します。配列についてよく知るには、PHPの配列に関する資料を読むことができます:
PHPレッスン-レッスン11-文字列と配列を操作するための関数
join()メソッド
split()メソッド
JavaScriptの関数
このレッスンではJavaScript内の関数について検討します。それらを書く方法と、どのような関数が存在するかです。PHP関数に関するこれらのレッスンで関数について読むことができます。すべての例はJavaScriptでも機能します:
JavaScriptのループ
このレッスンではJavaScript内のループについて検討します。先ほど言ったようにPHP言語の構文はJavaScriptに似ているため、PHPでループを見ることができます:
PHPレッスン-レッスン12-ループwhile、foreach、for
1つの注意を除いて、JavaScriptにはforeach()ループがないため、将来、jqueryのeach()メソッドを使用して要素を反復処理します。
Whileループ
Forループ