Heim > Web-Frontend > js-Tutorial > So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

coldplay.xixi
Freigeben: 2023-01-04 09:36:34
Original
4263 Leute haben es durchsucht

Wie jquery dies verwendet, um untergeordnete Elemente auszuwählen: Verwenden Sie zuerst das span-Tag, um mehrzeiligen Text zu erstellen. Verwenden Sie dann die Methode [bind()], um das Klickereignis an das p-Tag zu binden. um das aktuell angeklickte Objekt abzurufen. Rufen Sie schließlich alle darin enthaltenen untergeordneten Elemente über [html()] ab.

So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Dell G3-Computer. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: jquery-Video-Tutorial

Wie jquery dies verwendet, um untergeordnete Elemente auszuwählen:

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie jquery $(this) Wählen Sie unten andere untergeordnete Elemente aus. <code>$(this)选择它他下面的子元素。

So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

3、在test.html文件内,在p标签内,使用span标签创建多行文字,span标签作为p标签的子元素,同时设置p标签的id为mytest。

So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

4、在test.html文件内,编写<script></script>标签,页面的js逻辑代码将写在该标签内。

So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

5、在js标签中,通过id(mytest)获得p标签对象,使用bind()方法给它绑定click点击事件,代码如下:

So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

6、在bind()

So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen2 . Führen Sie in der Datei test.html die Bibliotheksdatei jquery.min.js ein und laden Sie die Datei erfolgreich, bevor Sie die Methoden in jquery verwenden können.

So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

3 . Verwenden Sie in der Datei test.html innerhalb des p-Tags das Tag span, um mehrzeiligen Text zu erstellen. Das span-Tag wird als untergeordnetes Element des p-Tags verwendet p-Tag ist auf mytest gesetzt. So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

4 . Schreiben Sie in die Datei test.html das Tag <script></script>, und der js-Logikcode der Seite wird in dieses Tag geschrieben. So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen 5 . Rufen Sie im js-Tag das p-Tag-Objekt über id(mytest) ab und binden Sie das Click-Ereignis daran. Der Code lautet wie folgt: So verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen

Das obige ist der detaillierte Inhalt vonSo verwenden Sie dies, um untergeordnete Elemente in jquery auszuwählen. 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