ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery this と $(this)_jquery の違い

JQuery this と $(this)_jquery の違い

WBOY
リリース: 2016-05-16 18:47:46
オリジナル
1155 人が閲覧しました

「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 を使用することをお勧めします) ) これの代わりに一律に。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート