jquery $(this) の使い方

jquery $(this) は通常、jquery メソッドと属性値を呼び出すことができる JQuery オブジェクトです。ノード属性の値を取得するには、「$(this).attr(key);」などの構文を使用します。名前。

このチュートリアルの動作環境: Windows7 システム、jquery1.2.6 バージョン、DELL G3 コンピューター。

推奨: jquery チュートリアル

jquery $(this) の使い方?

これは通常、(textbox) などの HTML 要素であり、textbox には text 属性があります。テキストボックス イベントで this を参照して要素を取得できます。

$(this) は通常 JQuery オブジェクトであり、click()、keyup() などの jquery メソッドと属性値を呼び出すことができます。

$(function () {
    $('button').click(function () {
       $(this)表示当前对象，这里指的是button
       //alert(this);//this 表示原生的DOM
   }) 
});

$(this).attr(key); getAttribute(key) メソッドと同等のノード属性名の値を取得します

$(this).attr(key, value ); Set ノード属性の値は、要素ノードの値を取得するための setAttribute(key, value) メソッド

$(this).val(); と同等であり、これは $( と同等ですthis).attr("value" );

$(this).val(value); $(this).attr("value",value); と同等の要素ノードの値を設定します。

例 :

$("#textbox").hover(
    function() {
        $(this).attr('title', 'Test');
    },
    function() {
        $(this).attr('title', 'OK');
    }
);

JQuery を使用する利点は、DOM オブジェクトに対するさまざまなブラウザ バージョンの操作をパッケージ化できることです。そのため、$(this) の代わりに一律に $(this) を使用するのが良い選択となります。これ。

$() それは何を生成しますか?

実際には $()=jquery() となり、jquery オブジェクトが返されることを意味します。

$() が jquery オブジェクトを返すという結論によると、$(this) が jquery オブジェクトを返すと結論付けることができます。オブジェクトを出力するには、汎用のalert() メソッドを使用できます。

alert($('#btn'));

表示結果:

写真の赤いボックスはオブジェクトです。何も考えないでください。オブジェクトは当然 jquery オブジェクトです。つまり、$('#btn') を使用して jquery のメソッドとプロパティを呼び出します。

プログラミング関連の知識について詳しくは、

プログラミング教育をご覧ください。 ！

以上がjquery $(this) の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。