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ループ
JavaScriptのif演算子
このレッスンではJavaScript内で if コンストラクターを使用する方法について検討します。JavaScriptの構文はPHP(両方ともC++プログラマーを念頭に置いて行われた)とほぼ同じであるため、PHPのこのレッスンでifについて読むことができます:
例として、このifコンストラクターを分解しましょう:
JavaScriptの変数
すべての変数型、すべての操作を説明することで長い時間を費やすつもりはありません。それは不要です。私たちの主な目標はJavaScript の基本的な構文を習得し、その後jQueryの研究に進み、その後JavaScriptの知識とスキルを向上させることができることです。それでもJavaScriptを研究したいし、素晴らしいJavaScriptフレームワークの使用があなたを魅力的にしない場合は、JavaScriptのより詳細なチュートリアルを見つけるべきです。しかし、あなたがDrupalでサイトを作成し、その後jQueryを学びたいのであれば、私たちは同じ方向に向かっています。さあ、始めましょう。
このレッスンでは、変数、それらが必要な理由、およびそれらをどのように操作するかについて検討します。
JavaScriptの紹介
JavaScriptは世界で最も人気のある言語の1つですが、時間とともに位置を失っています。しかし、多くのプログラマーが習得に焦点を当てています。
JavaScriptは後続のjQuery学習に必要になります。したがって、JavaScriptフレームワークであるjQueryを取得する前に、JavaScriptの基本を知る必要があります。
JavaScriptコードは<script></script>コードを使用してHTMLページのコードに直接埋め込まれます:
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
</script>
</body>
</html>