ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery this と $(this)_jquery の違い

JQuery this と $(this)_jquery の違い

WBOY
WBOYオリジナル
2016-05-16 18:47:461132ブラウズ

「this」とは何ですか?
多くのオブジェクト指向プログラミング言語では、this (または self) は、現在実行中のメソッドが呼び出されたオブジェクトを参照するためにインスタンス メソッドで使用できるキーワードです。

コードをコピー コードは次のとおりです:
$("#textbox").hover(
function( ) {
this.title = "テスト";
},
function() {
this.title = "OK"
); >

これは実際には Html 要素(テキストボックス)であり、テキストボックスにはテキスト属性があるので、このように書いても全く問題ありません。
しかし、これを $(this) に置き換えるとそうではなく、Error– が報告されます。
エラー コード:



コードをコピー コードは次のとおりです: $(" #textbox" ).hover(
function() {
$(this).title = "テスト";
},
function() {
$(this).title = "OK" ;
}
);


$(this) は JQuery オブジェクトであり、jQuery オブジェクトには title 属性がないため、これを記述するのは間違いですこのような。
JQuery には DOM オブジェクトの属性を取得/設定するための attr() メソッドがあるため、正しい記述方法は次のようになります:

正しいコード:



コードをコピー コードは次のとおりです: $("#textbox").hover(
function() {
$(this).attr('タイトル', 'テスト');
},
function() {
$(this).attr('タイトル', 'OK') ;
}
);


JQuery を使用する利点は、さまざまなブラウザ バージョンで DOM オブジェクトの操作をパッケージ化できるため、$(this を使用することをお勧めします) ) これの代わりに一律に。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。