Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie die find()-Methode von jQuery

不言
Freigeben: 2018-12-28 17:08:03
Original
7159 Leute haben es durchsucht

Die find()-Methode ruft die Nachkommen jedes Elements in der aktuellen Elementsammlung ab und filtert sie durch Selektoren, So verwenden Sie die find()-Methode von So verwenden Sie die find()-Methode von jQuery-Objekte oder Elemente. Dieser Artikel stellt Ihnen die find()-Methode in So verwenden Sie die find()-Methode von So verwenden Sie die find()-Methode von jQuery vor. Spezifische Verwendung.

So verwenden Sie die find()-Methode von So verwenden Sie die find()-Methode von jQuery

So verwenden Sie find()

Es ist sehr üblich, die Find-Methode nach dem Selektor aufzurufen.

$(“选择器1”).find(“选择器2”).(“处理方法”);
Nach dem Login kopieren

Sehen wir uns Ein konkretes Beispiel für die Verwendung der find()-Methode an

Wir ändern die Farbe des Elements, das von Span-Tags umgeben ist

Der Code lautet wie folgt:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
      $(function(){
        $("p").find("span").css("color","red");
      });
    </script>
  </head>
  <body>
    <p>黑色<span>红色</span>黑色<span>红色</span></p>
  </body>
</html>
Nach dem Login kopieren

Zuerst verwenden wir das p-Tag, um das Element zu umgeben, und verwenden dann die find-Methode, um das span-Tag anzugeben und den Umfang des Elements weiter einzugrenzen .

Die Ergebnisverarbeitung gilt nur innerhalb von Span-Tags in P-Tags.

Der Betriebseffekt ist wie folgt

So verwenden Sie die find()-Methode von So verwenden Sie die find()-Methode von jQuery

Dieser Artikel endet hier. Weitere spannende Inhalte finden Sie in den entsprechenden Kolumnen-Tutorials auf der chinesischen PHP-Website, um mehr zu erfahren! ! !

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die find()-Methode von jQuery. 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