jQuery の概要
jQueryとは何ですか?
jQuery = JavaScript + jQuery
jQueryはJavaScriptのライブラリです。
jQuery は、ネイティブ JavaScript 関数をカプセル化することで、定義されたメソッドのセットを取得し、JavaScript プログラミングを大幅に簡素化します。以下の例を見てください
ページ内に次の 2 つの要素があるとします
<input type="text" id="txt" /> <button type="button" onclick="get_text();">Go</button>
「Go」ボタンをクリックすると、テキスト ボックスにユーザーが入力した内容がポップアップ表示されます。元の JavaScript コードを使用して記述することができます。このように
alert(document.getElementById('txt').value);
jQueryを使用すると、次のように簡単に書くことができます
alert($('#txt').val());
document.getElementByIdを使用して指定されたIDを持つ要素を取得していることがわかります。jQueryを使用すると、$('#を使用するだけで済みます。 ') これをすべて完了するには
jQuery の主なアイデアは次のとおりです: コードが減り、機能が増えます
jQuery ライブラリには次の機能が含まれています:
HTML 要素の選択
HTML 要素の操作
CSS操作
HTMLイベント関数
JavaScript特殊効果とアニメーション
HTML DOMトラバーサルと変更
AJAX
ヒント: さらに、Jquery は大規模な機能も提供します。プラグインの数。
jQueryを学ぶための条件
HTML(CSSを含む、Webページに必要な基礎知識)
JavaScript (jQuery は JavaScript よりも単純ですが、jQuery のさまざまな構文は JavaScript から来ています)
PHP (jQuery はフロントエンド テクノロジであり、バックエンドとバックエンドを非常に補完します)相互にエコーします)
jQuery はすべてのブラウザで利用できますか?
jQuery コミュニティは、さまざまなブラウザで JS との互換性の問題が数多くあることを認識しています。現在、jQuery はすべての主要なブラウザと互換性があります。 Internet Explorer 6 を含む
まずは jQuery の例を見てみましょう
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(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>继续点我!</p> <p>接着点我!</p> </body> </html>プログラムを実行して試してみましょう