Kann JQuery dies verwenden?

青灯夜游
Freigeben: 2022-12-12 18:03:09
Original
2535 Leute haben es durchsucht

jquery kann dies verwenden. In JQuery bedeutet dies, dass das aktuelle Kontextobjekt ein HTML-Objekt ist. Sie können die Eigenschaften und Methoden aufrufen, die dem HTML-Objekt gehören. Sie können die Anweisung „$(this)“ verwenden, um das HTML-Element in ein JQuery-Objekt umzuwandeln. Verwenden Sie dann die jquery-Methode, um das aktuelle Objekt zu verarbeiten. Die Syntax lautet „$(this).jquery method name();“.

Kann JQuery dies verwenden?

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.

jquery kann dies verwenden.

In jquery bedeutet dies, dass das aktuelle Kontextobjekt ein HTML-Objekt ist und Sie die Eigenschaften und Methoden aufrufen können, die dem HTML-Objekt gehören. jquery中,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性、方法。

例如:

this.className
this.style.display
this.id = 'header'
this.remove()
Nach dem Login kopieren

具体示例:

$("#textbox").hover(
    function() {
        this.title = "Test";
        
  },
    fucntion() {
        this.title = "OK”;
  }
);
Nach dem Login kopieren

上面的this是一个Html 元素(textbox),textbox有text属性,所以可以直接使用this.title = 'test'进行赋值,这样写是完全没有什么问题的。【推荐学习:jQuery视频教程

但是如果将this换成$(this)就不是那回事了,就会报错了。 以下写法是错误的:

$("#textbox").hover(
    function() {
        $(this).title = "Test";
  },
    function() {
        $(this).title = "OK";
  }
);
Nach dem Login kopieren

这里的$(this)是一个JQuery对象,而jQuery对象沒有title 属性,因此这样写是错误的。 JQuery拥有attr()方法可以get/set DOM对象的属性,所以正确的写法应该是这样:

$("#textbox").hover(
    function() {
        $(this).attr('title', 'Test');
    },
    function() {
        $(this).attr('title', 'OK');
    }
);
Nach dem Login kopieren

使用JQuery的好处是它包裝了各种浏览器版本对DOM对象的操作,因此统一使用$(this)而不再用this应该是比较不错的选择。

说明:

$()在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象。那么,当你在网页中alert($('#id'));时,会弹出一个[object Object ]

Zum Beispiel:

<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>
Nach dem Login kopieren
Spezifisches Beispiel:

rrreeeKann JQuery dies verwenden?Dies oben ist ein HTML-Element (Textfeld). Das Textfeld verfügt über ein Textattribut, sodass Sie this.title = 'test' direkt für die Zuweisung verwenden können. Das ist überhaupt kein Problem geschrieben. [Empfohlenes Lernen: jQuery-Video-Tutorial

]

Aber wenn wenn Wenn dies durch $(this) ersetzt wird, ist dies nicht der Fall und es wird ein Fehler gemeldet. Die folgende Schreibweise ist falsch: rrreee$(this) hier ist ein JQuery-Objekt, und das jQuery-Objekt hat kein Titelattribut, daher ist diese Schreibweise falsch. JQuery verfügt über die Methode attr() zum Abrufen/Festlegen von Attributen von DOM-Objekten. Die korrekte Schreibweise sollte also so aussehen: Daher sollte die Verwendung von $( uniformly this) anstelle von this die bessere Wahl sein.

🎜Erklärung: 🎜🎜🎜$() entspricht JQuery() in JQuery, also $(this)=jquery();Mit anderen Worten, dies kann ein JQuery-Objekt zurückgeben. Wenn Sie dann <code>alert($('#id')); auf der Webseite eingeben, wird ein [object Object] angezeigt. Dieses Objektobjekt ist ebenfalls eine JQuery Objekt. 🎜🎜Beispiele sind wie folgt🎜rrreee🎜🎜🎜🎜[Empfohlenes Lernen: 🎜jQuery-Video🎜, 🎜Web-Front-End-Entwicklung🎜]🎜

Das obige ist der detaillierte Inhalt vonKann JQuery dies verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!