logo

パレット - カラフルに🎨

Palette — ビジュアルページビルダー、デザインの専門知識は不要です。

ライブデモ パレットをダウンロード

Scroll

Drupal と jQuery。レッスン 4。jQuery とイベント(events)

05/12/2019, by Ivan

このレッスンでは、jQuery のイベント(events)について学びます。また、animate() メソッドについても学びます。これはアニメーションを作成できます。イベントと animate() を使用して、アニメーション化されたフィードバック フォームを作成します。

 

jQueryセレクターとjQueryエフェクト

05/12/2019, by Ivan

このレッスンではjQueryセレクターとjQueryエフェクトについて検討します。

セレクター

セレクターの中で、最もよく使用するのはクラスとidです。セレクターはしばしばCSSのセレクターに対応しているため、CSSでセレクターを書くことができれば、jQueryでセレクターを書くことができます。クラスを選択する方法は次のとおりです:

$('.class')

そしてこのようにidを選択します:

$('#id')

DrupalテーマでのjQueryの接続と使用

05/12/2019, by Ivan

jQueryは何かを隠す、変更する、移動する、素敵に配置して去るとき、非常に便利なものです。非常に便利で非常にシンプルです。JavaScriptファイルを接続しましょう。ファイルはテーマの.info拡張子のファイルを通じてテーマに接続されます。ファイルを接続するには、テーマファイルに以下の行を追加します:

scripts[] = js/custom.js

ここでjs/custom.jsはテーマ内のJavaScriptファイルへのパスです。

次に、ページが読み込まれた後のjQueryコード実行を定義する必要があります。Drupal 6の場合は十分です:

jQueryとは何か

05/12/2019, by Ivan

jQueryとは何か?

jQuery -これは素晴らしいJavaScriptライブラリで、わずか数行のコードで素敵なウェブエフェクトを簡単に作成できます。プロジェクトのサイトに記載されているようにjQuery

 

「jQueryはJavaScriptライブラリで、JavaScriptコードを書くことは楽しいべきというモットーです。jQueryは一般的で繰り返されるタスクを処理し、マークアップをクリーンアップしながら、コードを短く、美しく、理解しやすく保ちます。」

あなたは考えるかもしれません:「別のJavaScriptライブラリを使用しないのはなぜですか?」。はい、単にjQueryがいかに簡単で強力かを試してみてください。たとえ前にMooToolsやPrototypeを使用していたとしても

JavaScriptオブジェクト

05/12/2019, by Ivan

これはjQueryの学習を開始するために必要な最後のJavaScriptレッスンです。しかし、私が行う最後のJavaScriptレッスンではありません。なぜなら、JavaScriptという言語は非常に広く、私のレッスンで触れたものより多くを持っているからです。

そのため、このレッスンではJavaScript データ型をもう1つ考慮します-オブジェクトです。オブジェクトは配列と比較できます。その要素は変数と関数です。オブジェクト内の変数をオブジェクトのプロパティと呼び、オブジェクト内の関数をそのメソッドと呼びます。PHPのオブジェクトについては、ここで読むことができます:

PHPレッスン-レッスン13-オブジェクト指向プログラミング(OOP)の基礎

JavaScriptの配列

05/12/2019, by Ivan

このレッスンではJavaScript のもう1つのデータ型である配列について検討します。また、文字列と配列を操作するための関数について検討します。残りの関数は次のレッスンで検討します。配列についてよく知るには、PHPの配列に関する資料を読むことができます:

PHPレッスン-レッスン10-配列

PHPレッスン-レッスン11-文字列と配列を操作するための関数

join()メソッド

 

split()メソッド

 

JavaScriptの関数

05/12/2019, by Ivan

このレッスンではJavaScript内の関数について検討します。それらを書く方法と、どのような関数が存在するかです。PHP関数に関するこれらのレッスンで関数について読むことができます。すべての例はJavaScriptでも機能します:

PHPレッスン-レッスン7-PHP関数と関数型プログラミング

PHPレッスン-レッスン9-再帰

JavaScriptのループ

05/12/2019, by Ivan

このレッスンではJavaScript内のループについて検討します。先ほど言ったようにPHP言語の構文はJavaScriptに似ているため、PHPでループを見ることができます:

PHPレッスン-レッスン12-ループwhile、foreach、for

1つの注意を除いて、JavaScriptにはforeach()ループがないため、将来、jqueryのeach()メソッドを使用して要素を反復処理します。

Whileループ

 

Forループ