これをjQueryで使えるのでしょうか？-フロントエンドQ&A-php.cn

これをjQueryで使えるのでしょうか？

青灯夜游

リリース： 2022-12-12 18:03:09

オリジナル

2548 人が閲覧しました

jqueryはこれを使用できます。 jquery では、これは現在のコンテキストオブジェクトが html オブジェクトであることを示し、html オブジェクトが所有するプロパティとメソッドを呼び出すことができます。「$(this)」ステートメントを使用して html 要素を jquery オブジェクトに変換できます。次に、jquery メソッドを使用して現在のオブジェクトを処理します。構文は「$(this).jquery メソッド名();」です。

これをjQueryで使えるのでしょうか？

このチュートリアルの動作環境: Windows7 システム、jquery3.6.1 バージョン、Dell G3 コンピューター。

jquery はこれを使用できます。

jquery では、これは現在のコンテキストオブジェクトが html オブジェクトであることを示し、html オブジェクトが所有するプロパティとメソッドを呼び出すことができます。

例:

this.className
this.style.display
this.id = &#39;header&#39;
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(&#39;title&#39;, &#39;Test&#39;);
    },
    function() {
        $(this).attr(&#39;title&#39;, &#39;OK&#39;);
    }
);

ログイン後にコピー

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で使えるのでしょうか？