jQuery の概要
jQueryとは何ですか?
jQuery = JavaScript + jQuery
jQueryはJavaScriptのライブラリです。
jQuery は、ネイティブ JavaScript 関數(shù)をカプセル化することで、定義されたメソッドのセットを取得し、JavaScript プログラミングを大幅に簡素化します。以下の例を見てください
ページ內(nèi)に次の 2 つの要素があるとします
<input type="text" id="txt" /> <button type="button" onclick="get_text();">Go</button>
「Go」ボタンをクリックすると、テキスト ボックスにユーザーが入力した內(nèi)容がポップアップ表示されます。元の JavaScript コードを使用して記述することができます。このように
alert(document.getElementById('txt').value);
jQueryを使用すると、次のように簡単に書くことができます
alert($('#txt').val());
document.getElementByIdを使用して指定されたIDを持つ要素を取得していることがわかります。jQueryを使用すると、$('#を使用するだけで済みます。 ') これをすべて完了するには
jQuery の主なアイデアは次のとおりです: コードが減り、機能が増えます
jQuery ライブラリには次の機能が含まれています:
HTML 要素の選択
HTML 要素の操作
CSS操作
HTMLイベント関數(shù)
JavaScript特殊効果とアニメーション
HTML DOMトラバーサルと変更
AJAX
ヒント: さらに、Jquery は大規(guī)模な機能も提供します。プラグインの數(shù)。
jQueryを?qū)Wぶための條件
HTML(CSSを含む、Webページに必要な基礎知識)
JavaScript (jQuery は JavaScript よりも単純ですが、jQuery のさまざまな構文は JavaScript から來ています)
PHP (jQuery はフロントエンド テクノロジであり、バックエンドとバックエンドを非常に補完します)相互にエコーします)
jQuery はすべてのブラウザで利用できますか?
jQuery コミュニティは、さまざまなブラウザで JS との互換性の問題が數(shù)多くあることを認識しています。現(xiàn)在、jQuery はすべての主要なブラウザと互換性があります。 Internet Explorer 6 を含む
まずは jQuery の例を見てみましょう
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript"> </script> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <p>如果你點我,我就會消失。</p> <p>繼續(xù)點我!</p> <p>接著點我!</p> </body> </html>プログラムを?qū)g行して試してみましょう