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>

プログラムを実行して試してみましょう




学び続ける
||
<!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>