Unterschied: 1. jquery ist eine JavaScript-Funktionsbibliothek, die häufig verwendete Funktionscodes in js kapselt, während Swiper ein durch reines JavaScript erstelltes Schiebe-Spezialeffekt-Plug-in ist. 2. jquery wird zur Optimierung von HTML-Textoperationen und Ajax-Interaktionen verwendet. während der Swiper zum Implementieren des Tab-Wechsels auf dem Touchscreen usw. verwendet wird.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
Was ist Swiper?
Swiper ist ein verschiebbares Spezialeffekt-Plug-in, das in reinem Javascript für mobile Endgeräte wie PCs und Tablets erstellt wurde. Swiper kann gängige Effekte wie die Fokuskarte des Touchscreens und das Wechseln der Tabs auf dem Touchscreen realisieren. Swiper ist Open Source, kostenlos, stabil, einfach zu bedienen und leistungsstark. Es ist eine wichtige Wahl für die Erstellung von Websites für mobile Endgeräte.
Swiper ist ein Touch-Slide-Plug-in auf der mobilen Seite, das an Orten verwendet wird, an denen Sliding-Vorgänge erforderlich sind, z. B. bei fortlaufender Werbung. Die Einschränkungen sind relativ gering.
Was ist Jquery?
jQuery ist ein js-Framework für die Front-End-Entwicklung, das hauptsächlich auf der PC-Seite verwendet wird. Einschließlich einer Reihe von Methoden wie Selektoren, Animationen, Ajax usw.
jquery ist eine JavaScript-Funktionsbibliothek, die gängige JavaScript-Funktionscodes kapselt, ein einfaches JavaScript-Entwurfsmuster bereitstellt und HTML-Dokumentvorgänge, Ereignisverarbeitung, Animationsdesign und Ajax-Interaktion optimiert.
Erweitern Sie Ihr Wissen:
So verwenden Sie: Swiper
1. Führen Sie die dem Swiper entsprechenden CSS- und JS-Dateien ein
2. Erstellen Sie eine dreischichtige Struktur entsprechend den Anforderungen des Frameworks (es können auch andere vorhanden sein). Elemente wie ul innerhalb des div)
3. Erstellen Sie ein Swiper-Objekt und übergeben Sie das Containerelement daran
// 1.引入swiper对应的css和js文件
<link rel="stylesheet" href="css/swiper.css">
<script src="js/swiper.js"></script>
// 2.按照框架的需求搭建三层结构
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide 3</div>
</div>
</div>
// 3.创建一个Swiper对象, 将容器元素传递给它
<script>
var mySwiper = new Swiper ('.swiper-container');
</script>Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Jquery und Swiper?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
