jQuery エントリの概要Knowledge_jquery

これまでのところ、jQuery はバージョン 1.4.2 までリリースされており、その 1 週間前にバージョン 1.4 がリリースされたばかりです。各バージョンのリリース時期を見ると、急速に開発されており、毎月更新されていることがわかります。 . バージョン、および新しい jQuery プラグインが常に開発されており、jQuery UI ライブラリが最近リリースされました
jQuery は、2006 年 1 月 14 日に BarCamp NYC (ニューヨーク市) で発表されました。リーダーの John Resig は、「Pro JavaScript Techniques」という本を執筆しています。彼は mozolla で働いているため、Firefox 3 には Jquery が含まれると言われています。現在の Jquery チームには、主要な開発者、プロモーター、UI、プラグイン開発、Web サイトが含まれています。主な開発者は、2 人のアメリカ人、John Resig/Brandon Aaron、1 人のドイツ人、Jorn Zaefferer です。
以下は、jQuery のいくつかの機能と使用法を簡単に紹介します。
1.オブジェクト (dom) の単純な選択:

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

$('#element');// document.getElementById("element") と同等
$('.element');//クラス
$('p');//html タグ
$("form > input");/ /Sub-object
$("div,span,p.myClass");//複数のオブジェクトを同時に選択
$("tr:odd ").css("background-color", "#bbbbff" );//テーブルのインターレース背景
$(":input");//フォームオブジェクト
$("input[name='ニュースレター']");//特定のフォーム オブジェクト

2. オブジェクト関数の適用はシンプルで制限はありません:

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

element.function(par);
$("p.surprise").addClass("ohmy").show ("遅い")...

3. 選択したオブジェクト (スタイルを含む) の操作:

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

$ ("#element").addClass("selected");// オブジェクトにスタイルを追加します
$('#element' ).css({ "background-color":" yellow", "font-weight": "bolder" });//オブジェクト スタイルを変更します
$("p").text("新しいテキスト。" );//オブジェクトのテキストを変更
$("img").attr({ src : "test.jpg", alt: "テスト画像" });//オブジェクトのテキストを変更
$("p ").add("span");// オブジェクトにラベルを追加します
$(" p").find("span");// オブジェクト内の対応する要素を検索します
$(" p").parent();// オブジェクトの親要素
$("p").append("Hello");// オブジェクトにコンテンツを追加

4. aJax とファイル形式をサポートします: xml/html/script/json/jsonp

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

$("#feeds").load("feeds.html ");//静的ページのコンテンツを対応する領域にインポートします
$("#feeds ").load("feeds.php", {limit: 25}, function(){alert("フィードの最後の 25 エントリがロードされました");});//動的コンテンツをインポートします

4. イベントのサポート:

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

$("p").hover(function () {
$(this).addClass("hilite");//マウス移動 上に行くとき
}, function () {
$( this).removeClass("hilite");//マウスを削除します
});//マウスを上に置くことと離れることのさまざまな効果 (すべての p オブジェクトを自動的にループします)

5. アニメーション:

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

$("p" ).show("slow");//隠しオブジェクト (遅いグラデーション)
$("#go").click(function(){
$ ("#block").animate({
width: "90%",
height: "100%",
fontSize: "10em"
}, 1000 );//幅、高さ、フォントの動的変更マウスをクリックした後

6. 拡張子:

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

$.fn.background = function(bg){
return this.css('background', bg)
$(#element).background("赤");


各 jQuery オブジェクトに関数を追加したい場合は、関数を $.fn に割り当てる必要があり、関数は this (jQuery オブジェクト) を返す必要があります。
jQuery 関連
《jQuery を学ぶ: より良いインタラクションjQuery 開発者によって書かれた jQuery の学習方法に関する最初の本である『Design and Web Development with Simple JavaScript Techniques』は 7 月に発売され、さらに 3 冊の関連本が発売される予定です。
jQuery 開発者向けのミーティングである jQueryCamp 2007 も 10 月 27 日にボストンで開催されます。
VisualJquery は、Jquery の学習およびクエリの Web サイトであり、バージョン 1.1.2 に更新されています。
jQuery 公式 Web サイトの紹介訳:
jQuery は、これまでに存在しなかった JavaScript ライブラリです。
高速かつ簡潔で、HTML ドキュメントの処理、イベントの制御、ページへのアニメーションや Ajax 効果の追加が簡単に行えます。
jQuery は、JavaScript の記述方法を変えるように設計されています。
デザイナー、開発者、マニア、ビジネス アプリケーションなど、あらゆる人に適しています。
小さいサイズ: 26.5KB (1.2.1 圧縮バージョン)、45.3KB (1.2.1 ライト バージョン)、78.6KB (1.2 .1 フルバージョン)...20.7KB (1.1.2 圧縮バージョン)、57.9KB (1.1.2 フルバージョン)
互換性: CSS 1-3 および基本 XPath をサポート
クロスブラウザー: IE 6.0、 FF 1.5、Safari 2.0、Opera 9.0 (下位互換性)
jQuery プラグイン:
Ajax (25)/アニメーションとエフェクト (26)/ブラウザ調整 (6)/データ (17)/DOM (21) /ドラッグアンドドロップ (6)/イベント (19)/フォーム (39)/統合 (12)/JavaScript (20)/jQuery 拡張機能 (37)/レイアウト (23)/メディア (13)/メニュー (13) /ナビゲーション (23)/テーブル (11)/ユーザー インターフェイス (84)/ユーティリティ (27)/ウィジェット (41)/ウィンドウとオーバーレイ (4)

jQueryUI ライブラリ:
基本的なマウス インタラクション: ドラッグおよびドロップ、並べ替え、選択、サイズ変更
さまざまなインタラクティブ効果: アコーディオン スタイルの折りたたみメニュー (アコーディオン)、カレンダー (日付ピッカー)、ダイアログ ボックス (ダイアログ)、スライダー (スライダー)、テーブル ソーター (テーブル ソーター)、タブ (タブ)、拡大鏡効果 (拡大鏡)、影効果 (シャドウ)