Scratch_jqueryからJQueryを学ぶ講座1-jsチュートリアル-php.cn

Scratch_jqueryからJQueryを学ぶ講座1

WBOY

リリース： 2016-05-16 18:23:46

オリジナル

824 人が閲覧しました

プログラマーにとって JQuery の重要性は自明のことでしょう。仕事に応募するときに、JQuery を知っているかと何度尋ねられたでしょうか?スクリプトを使用して簡単なエフェクトを作成しましたが、書いているときに手がけいれんしてしまいました。 JQuery の登場後、多くの問題は簡単に解決されました。
私たちは何かを学ぶたびに、その歴史を理解したいと考えます。ゼロからのスタートなので、その歴史についても少し学んでみましょう。
jQuery はアメリカ人の John Resig によって作成され、ドイツの Jörn Zaefferer やルーマニアの Stefan Petre など、世界中から多くの JavaScript 専門家がチームに加わりました。
jQuery は、プロトタイプに次ぐ優れた Javascript フレームワークです。その目的は、- WRITE LESS, DO MORE、書くコードを減らして、より多くのことを実行することです。
これは他の js ライブラリの範囲を超えた軽量の js ライブラリです (圧縮後わずか 21k)。CSS3 およびさまざまなブラウザ (IE 6.0、FF 1.5、Safari 2.0、Opera 9.0) と互換性があります。
jQuery は、ユーザーが HTML ドキュメントとイベントをより簡単に処理し、アニメーション効果を実現し、Web サイトに AJAX インタラクションを簡単に提供できるようにする、高速で簡潔な JavaScript ライブラリです。
jQuery のもう 1 つの大きな利点は、ドキュメントが非常に充実しており、さまざまなアプリケーションが詳細に説明されていることです。また、選択できる成熟したプラグインも多数あります。
jQuery は、ユーザーの HTML ページのコードと HTML コンテンツを分離したままにすることができます。つまり、コマンドを呼び出すために HTML に大量の JS を挿入する必要はありません。ID を定義するだけで済みます。
最初のデモを始めましょう。最初の講義では、詳細な説明や分析は行わずに、簡単な説明のみを行います。ソースコードを提供する必要があるネチズンはグループに参加できます: 34979719

コードをコピーコードは次のとおりです:

 
< ;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JQuery_1._Default" %> 
 
 🎜> 
 
上記の DEMO1 から見た JQuery を使用するには、まず JQuery パッケージを参照する必要があります。JQuery パッケージのダウンロード アドレスは、

 圧縮バージョン: http://code.google.com/p/jqueryjs/downloads に添付されています。 /detail?name=jquery-1.3.2 .min.js&downloadBtn=ダウンロード 

非圧縮バージョン: http://code.google.com/p/jqueryjs/downloads/detail ?name=jquery-1.3.2. js 

上記でダウンロードした JQuery パッケージのバージョンは 1.3.2 です。試してみたい場合は、自分でダウンロードできます。現時点では、主に 

 の 1.3.2 バージョンについて説明しています。JQuery パッケージを導入した後、スクリプト プログラムの作成を開始できます。サンプルの実行結果からわかるように、ページが表示されます。ロード後に順番に「hello world」、「hello world again」、「hello world again again」と入力しても、効果は同じです。 1 つ目と 3 つ目は従来の JS で、2 つ目は JQuery プログラムです。  行を削除すると、実行後に次のプロンプトが表示されます: $ が定義されていません。 

$ 記号は jQuery の「クラス」のエイリアスであるため、$() は新しい jQuery オブジェクトを構築します。 $() はセレクターであり、$(document) は JQuery ドキュメント オブジェクトを構築します。関数 ready() は、この jQuery オブジェクトのメソッドです。DOM がロードされた後、このメソッドのイベントが実行され始め、DEMO でイベントがトリガーされると、それによって提供されるアラート メソッドが実行されます。 JQuery のメソッドは一対のかっこ () で囲まれ、その後にセミコロンが続きます。 

今日はここまでです。ネットユーザーの皆様には、不足点があることをご容赦いただき、時間内に積極的に議論して修正していただけることを願っています。次回の講義では、JQuery のセレクターと、JQuery がコントロール値を取得する方法について説明します。