logo

パレット - カラフルに🎨

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

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

Scroll

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ループ

JavaScriptのif演算子

05/12/2019, by Ivan

このレッスンではJavaScript内で if コンストラクターを使用する方法について検討します。JavaScriptの構文はPHP(両方ともC++プログラマーを念頭に置いて行われた)とほぼ同じであるため、PHPのこのレッスンでifについて読むことができます:

PHPレッスン-レッスン8-if演算子

例として、このifコンストラクターを分解しましょう:

JavaScriptの変数

05/12/2019, by Ivan

すべての変数型、すべての操作を説明することで長い時間を費やすつもりはありません。それは不要です。私たちの主な目標はJavaScript の基本的な構文を習得し、その後jQueryの研究に進み、その後JavaScriptの知識とスキルを向上させることができることです。それでもJavaScriptを研究したいし、素晴らしいJavaScriptフレームワークの使用があなたを魅力的にしない場合は、JavaScriptのより詳細なチュートリアルを見つけるべきです。しかし、あなたがDrupalでサイトを作成し、その後jQueryを学びたいのであれば、私たちは同じ方向に向かっています。さあ、始めましょう。

このレッスンでは、変数、それらが必要な理由、およびそれらをどのように操作するかについて検討します。

JavaScriptの紹介

05/12/2019, by Ivan

JavaScriptは世界で最も人気のある言語の1つですが、時間とともに位置を失っています。しかし、多くのプログラマーが習得に焦点を当てています。
JavaScriptは後続のjQuery学習に必要になります。したがって、JavaScriptフレームワークであるjQueryを取得する前に、JavaScriptの基本を知る必要があります。
JavaScriptコードは<script></script>コードを使用してHTMLページのコードに直接埋め込まれます:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
</script>
</body>
</html>