• 技术文章 >web前端 >前端问答

    jquery和swiper有什么区别

    WBOYWBOY2022-05-30 10:44:48原创385

    区别:1、jquery是一个JavaScript函数库,封装了js常用的功能代码,而swiper是纯JavaScript打造的滑动特效插件;2、jquery应用于优化HTML文本操作和Ajax交互等,而swiper用于实现触屏tab切换等。

    大前端成长进阶课程:进入学习

    本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

    jquery和swiper有什么区别

    什么是swiper?

    Swiper是纯javascript打造的滑动特效插件,面向PC、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!

    而swiper是移动端的触摸滑动插件,应用在比如连版广告等需要滑动操作的地方。局限性比较小。

    什么是jquery?

    jQuery是前端开发的一个js框架,主要应用在pc端。包括选择器、动画、ajax等一系列方法。

    jquery是一个JavaScript函数库,它封装了JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

    扩展知识:

    如何使用:swiper

    1、引入swiper对应的css和js文件

    2、按照框架的需求搭建三层结构(div里面也可以是ul等别的元素)

    3、创建一个Swiper对象, 将容器元素传递给它

    // 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>

    相关视频教程推荐:jQuery视频教程

    以上就是jquery和swiper有什么区别的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery怎么设置第一行不清空 下一篇:jquery怎么让a元素的href失效
    VIP课程(WEB全栈开发)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• jquery中怎么给input框绑定失去焦点事件• jquery查找同辈元素的方法有哪些• jquery怎么隐藏第一个a标签• jquery怎么清除同级非选中的元素• jquery怎么设置元素的位置
    1/1

    PHP中文网