ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryはjs関数ライブラリですか?

jqueryはjs関数ライブラリですか?

WBOY
WBOYオリジナル
2022-07-26 17:27:592121ブラウズ

jquery は JavaScript 関数ライブラリです。jquery は軽量、高速、簡潔な JavaScript ライブラリです。jquery は JavaScript プログラミングを大幅に簡素化し、一般的な JavaScript 関数コードをカプセル化し、シンプルな JavaScript デザイン モードを提供し、HTML ドキュメントの操作を最適化します。イベント処理、アニメーション設計、Ajax インタラクション。

jqueryはjs関数ライブラリですか?

この記事の動作環境: Windows 10 システム、jquery バージョン 3.6.0、Dell G3 コンピューター。

jquery は js 関数ライブラリです。

jQuery は高速で簡潔な JavaScript ライブラリです。 これにより、JavaScript プログラミングが大幅に簡素化されます。 jQuery の設計の目的は、「書く量を減らし、より多くのことを行う」、つまりコードを書く量を減らし、より多くのことを行うことを意味します。一般的な JavaScript 関数コードをカプセル化し、シンプルな JavaScript 設計パターンを提供し、HTML ドキュメント操作、イベント処理、アニメーション設計、および Ajax インタラクションを最適化します。

jQuery は高速かつ簡潔な JavaScript フレームワークで、Prototype に次ぐ優れた JavaScript コード ライブラリ (または JavaScript フレームワーク) です。 jQuery の設計の目的は、「書く量を減らし、より多くのことを行う」、つまりコードを書く量を減らし、より多くのことを行うことを意味します。一般的な JavaScript 関数コードをカプセル化し、シンプルな JavaScript 設計パターンを提供し、HTML ドキュメント操作、イベント処理、アニメーション設計、および Ajax インタラクションを最適化します。

jQuery のコア機能は次のように要約できます: 独自のチェーン構文と短く明確な多機能インターフェイスを備え、効率的で柔軟な CSS セレクターを備え、CSS セレクターを拡張できます。便利なプラグイン拡張機構と豊富なプラグインを備えています。 jQuery は、IE 6.0、FF 1.5、Safari 2.0、Opera 9.0 などのさまざまな主流ブラウザと互換性があります。

構文とセレクター

jQuery 構文は、HTML 要素を選択し、選択した要素に対して特定の操作を実行します。

基本構文: $(selector).action()

ドル記号の定義 jQuery

Selector (セレクター) HTML 要素の「クエリ」および「検索」

jQuery の action() は、要素

jquery エントリ関数:

$(document).ready(function(){
     // 执行代码
});

または

$(function(){
    // 执行代码
});

selector

#id ​​selector

## に対して操作を実行します。 #ボタンをクリックして ID test

$(document).ready(function(){ 
$("button").click(function(){ 
$("#test").hide(); 
}); 
});

.class selector

ボタンをクリックしてクラス test

$(document).ready(function(){ 
$("button").click(function(){ 
$(".test").hide(); 
}); 
});

のセレクターを非表示にしますEvent

$().click(function(){
….
})

その他のイベントについては、記事の最後にある API を参照してください

CSS クラスの取得と設定

addClass() - 選択した要素に 1 つ以上のクラスを追加します

removeClass() - 選択した要素から 1 つ以上のクラスを削除します

toggleClass() - 選択した要素のクラス切り替え操作の追加/削除

css()-スタイル属性を設定または返す

例:

$(document).ready(function(){
$("button").click(function(){
$("body div:first").addClass("important blue");
});
});
.important {
font-weight:bold;
font-size:xx-large;
}
.blue {
color:blue;
}

関連チュートリアルの推奨事項:

jQuery ビデオ チュートリアル

以上がjqueryはjs関数ライブラリですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。