Maison  >  Article  >  interface Web  >  Quelle est la différence entre jquery et swiper

Quelle est la différence entre jquery et swiper

WBOY
WBOYoriginal
2022-05-30 10:44:481978parcourir

Différence : 1. jquery est une bibliothèque de fonctions JavaScript qui encapsule les codes de fonction couramment utilisés dans js, tandis que swiper est un plug-in d'effets spéciaux coulissants créé par du JavaScript pur ; 2. jquery est utilisé pour optimiser les opérations de texte HTML et les interactions Ajax, tandis que le curseur est utilisé pour mettre en œuvre la commutation des onglets de l'écran tactile, etc.

Quelle est la différence entre jquery et swiper

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Quelle est la différence entre jquery et swiper ?

Qu'est-ce que swiper ?

Swiper est un plug-in d'effets spéciaux coulissants créé en javascript pur pour les terminaux mobiles tels que les PC et les tablettes. Swiper peut réaliser des effets courants tels que la carte de mise au point de l'écran tactile et la commutation des onglets de l'écran tactile. Swiper est open source, gratuit, stable, facile à utiliser et puissant. C'est un choix important pour créer des sites Web sur terminaux mobiles !

Swiper est un plug-in tactile coulissant côté mobile, qui est utilisé dans des endroits nécessitant des opérations coulissantes, comme les publicités continues. Les limitations sont relativement faibles.

Qu'est-ce que jquery ?

jQuery est un framework js pour le développement front-end, principalement utilisé côté PC. Y compris une série de méthodes telles que des sélecteurs, des animations, ajax, etc.

jquery est une bibliothèque de fonctions JavaScript qui encapsule les codes de fonction JavaScript courants, fournit un modèle de conception JavaScript simple et optimise les opérations sur les documents HTML, le traitement des événements, la conception d'animations et l'interaction Ajax.

Développer les connaissances :

Comment utiliser : swiper

1 Présenter les fichiers css et js correspondant à swiper

2 Construire une structure à trois couches en fonction des besoins du framework (il peut aussi y en avoir d'autres. éléments tels que ul à l'intérieur du div)

3. Créez un objet Swiper et transmettez-lui l'élément conteneur

// 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 (&#39;.swiper-container&#39;);
</script>

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn