ホームページ > ウェブフロントエンド > jsチュートリアル > this と $(this)_jquery についての個人的な理解

this と $(this)_jquery についての個人的な理解

WBOY
リリース: 2016-05-16 17:23:08
オリジナル
1241 人が閲覧しました
コードをコピー コードは次のとおりです。

jQuery.prototype.test=function(){
this. css("color","#99");//これは dom オブジェクトではなく jquery オブジェクトです
alert(this[0]);//ここでの This[0] は dom を指しますノード オブジェクト
}

コードをコピー コードは次のとおりです:

$( "body").click(function(){
$(this).test();
$(this).test().html(this.nodeName).hide(10000 );
})

ページで click メソッドを使用する場合、新しい Jquery オブジェクトを作成してその click メソッドを呼び出すことと同じです。メソッドのパラメーターは JavaScript 関数です。 、この内部は JavaScript オブジェクトを参照しており、これは JavaScript オブジェクト自体を指すため、指す対象の JavaScript オブジェクトが所有するメソッド

と jQuery.prototype を使用できます。 test はクエリ オブジェクトと同等です。新しいテスト メソッドを作成するため、this 内部は jquery オブジェクト

になるはずです。this[0] を介して jquery オブジェクトを dom ノード オブジェクト
に変換できます。これは常にオブジェクトの呼び出しメソッド (function ) を指しているためです (call メソッドと apply メソッドを除く)。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート