jquery $(this) の使い方

藏色散人
リリース: 2021-01-08 14:27:21
オリジナル
2852 人が閲覧しました

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

jquery $(this) の使い方

このチュートリアルの動作環境: 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 $(this) の使い方

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

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!