ホームページ >ウェブフロントエンド >フロントエンドQ&A >これをjQueryで使えるのでしょうか？
これをjQueryで使えるのでしょうか？
- 青灯夜游オリジナル
- 2022-12-12 18:03:092590ブラウズ
jqueryはこれを使用できます。 jquery では、これは現在のコンテキスト オブジェクトが html オブジェクトであることを示し、html オブジェクトが所有するプロパティとメソッドを呼び出すことができます。「$(this)」ステートメントを使用して html 要素を jquery オブジェクトに変換できます。次に、jquery メソッドを使用して現在のオブジェクトを処理します。構文は「$(this).jquery メソッド名();」です。
このチュートリアルの動作環境: Windows7 システム、jquery3.6.1 バージョン、Dell G3 コンピューター。
jquery はこれを使用できます。
jquery では、これは現在のコンテキスト オブジェクトが html オブジェクトであることを示し、html オブジェクトが所有するプロパティとメソッドを呼び出すことができます。
例:
this.className this.style.display this.id = 'header' this.remove()
具体的な例:
$("#textbox").hover(
function() {
this.title = "Test";
},
fucntion() {
this.title = "OK”;
}
);これは Html 要素 (テキストボックス) であり、テキストボックスには text 属性があるため、次のように使用できます。 Title = 'test' が付与されているので、このように書いても問題ありません。 [推奨学習: jQuery ビデオ チュートリアル ]
しかし、これを $(this) に置き換えると、そうではなく、エラーが報告されます。次の記述は誤りです。
$("#textbox").hover(
function() {
$(this).title ＝ "Test";
},
function() {
$(this).title = "OK";
}
);$(this) ここは JQuery オブジェクトですが、jQuery オブジェクトには title 属性がないため、この記述は誤りです。 JQuery には DOM オブジェクトの属性を取得/設定できる attr() メソッドがあるため、正しい書き方は次のようになります。
$("#textbox").hover(
function() {
$(this).attr('title', 'Test');
},
function() {
$(this).attr('title', 'OK');
}
);JQuery を使用する利点は、さまざまなブラウザの操作をパッケージ化できることです。 DOM オブジェクトのバージョンに依存するため、this の代わりに $(this) を一律に使用することをお勧めします。
説明:
##$() は、JQuery の JQuery()、つまり $ と同等です。 ( this)=jquery();つまり、これは jquery オブジェクトを返すことができます。次に、Web ページ上で alert($('#id')); を実行すると、[object Object] が表示されます。この object オブジェクトも jquery オブジェクトです。
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();//$(this)是在方法click内，此处的$(this)表示的是当前调用click方法的对象$("p")，就是表示当前对象，当前调用该方法的对象
});
});
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>
以上がこれをjQueryで使えるのでしょうか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。